hellobrian · November 13, 2015 19:41 · hellobrian · Nov 13, 2015
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <!-- html -->

 <h1> blah</h1>
 <h2 class="hi">hi</h2>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // libsass (v3.2.5)
 // ----

 @mixin type($color, $size, $weight) {
  color: $color;
  font-size: $size;
  font-weight: $weight;
 }

 h1, .h1 {
  @include type(red, 2rem, bold);
  
  .light-theme & {
    @include type(blue, 2rem, bold);
  }
  
  .dark-theme & {
    @include type(teal, 2rem, bold);
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 h1, .h1 {
  color: red;
  font-size: 2rem;
  font-weight: bold;
 }

 .light-theme h1, .light-theme .h1 {
  color: blue;
  font-size: 2rem;
  font-weight: bold;
 }

 .dark-theme h1, .dark-theme .h1 {
  color: teal;
  font-size: 2rem;
  font-weight: bold;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <!-- html -->

 <h1> blah</h1>
 <h2 class="hi">hi</h2>
No results found