Skip to content

Instantly share code, notes, and snippets.

@edbentinck

edbentinck/SassMeister-input.scss

Created May 4, 2015 12:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save edbentinck/487fbee21edceb11f7e9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save edbentinck/487fbee21edceb11f7e9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. edbentinck created this gist May 4, 2015.
    28 changes: 28 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    // ----
    // Sass (v3.4.13)
    // Compass (v1.0.3)
    // ----

    .form {
    color: black;

    &__label { font-weight: bold; }
    &__input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    // more styles
    }
    }

    .form--participate {
    color: red;

    // any style modifications can go right inside this block
    .form {
    &__label { font-weight: normal; }
    &__input { height: 40px; }
    }
    }
    23 changes: 23 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    .form {
    color: black;
    }
    .form__label {
    font-weight: bold;
    }
    .form__input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    }

    .form--participate {
    color: red;
    }
    .form--participate .form__label {
    font-weight: normal;
    }
    .form--participate .form__input {
    height: 40px;
    }