Skip to content

Instantly share code, notes, and snippets.

@nazimjamil

nazimjamil/SassMeister-input-HTML.html

Created November 14, 2015 21:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nazimjamil/92a3aa7d6e1ed0d97713 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nazimjamil/92a3aa7d6e1ed0d97713 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. nazimjamil created this gist Nov 14, 2015.
    5 changes: 5 additions & 0 deletions SassMeister-input-HTML.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <div class="block">
    <div class="block__element">
    <div class="block--modifer">Oh hai BEM</div>
    </div>
    </div>
    15 changes: 15 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    // ----
    // libsass (v3.2.5)
    // ----

    .block {
    padding: 20px;

    &__element {
    position: absolute;
    }

    &--modifer {
    color: red;
    }
    }
    11 changes: 11 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    .block {
    padding: 20px;
    }

    .block__element {
    position: absolute;
    }

    .block--modifer {
    color: red;
    }
    5 changes: 5 additions & 0 deletions SassMeister-rendered.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <div class="block">
    <div class="block__element">
    <div class="block--modifer">Oh hai BEM</div>
    </div>
    </div>