Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save kyleknighted/5ffa1b1175e2222daa40 to your computer and use it in GitHub Desktop.
Save kyleknighted/5ffa1b1175e2222daa40 to your computer and use it in GitHub Desktop.

Revisions

  1. @invalid-email-address Anonymous created this gist Jul 7, 2014.
    6 changes: 6 additions & 0 deletions SassMeister-input-HTML.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    <div class="block">
    <div class="block__element">Stuff</div>
    <div class="block__element--modifier">Red Stuff</div>

    <div class="block__element--modifier block__element--and-another">And Another</div>
    </div>
    21 changes: 21 additions & 0 deletions SassMeister-input.scss
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    // ----
    // Sass (v3.3.9)
    // Compass (v1.0.0.alpha.20)
    // ----

    .block {
    &__element {
    background-color: #000;
    color: #fff;

    &--modifier {
    color: #f00;
    }
    &--and-another {
    color: #ff0;
    }
    &--modifier&--and-another {
    color: #00f;
    }
    }
    }
    3 changes: 3 additions & 0 deletions SassMeister-output.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    Invalid CSS after " &--modifier": expected "{", was "&--and-another {"
    "&--and-another" may only be used at the beginning of a compound selector.
    6 changes: 6 additions & 0 deletions SassMeister-rendered.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    <div class="block">
    <div class="block__element">Stuff</div>
    <div class="block__element--modifier">Red Stuff</div>

    <div class="block__element--modifier block__element--and-another">And Another</div>
    </div>