nadavspi · September 12, 2014 16:09
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <h1 class="em">Hi there <span>Dmitry</span></h1>
 <h1 class="rem">Hi there <span>Dmitry</span></h1>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.14)
 // Compass (v1.0.1)
 // ----

 html {
  font-size: 18px;
 }

 span {
  color: salmon;
 }

 .em {
  // 2 em == 2*18 == 36px
  font-size: 2em;
  
  span {
    // 1.5em == 1.5*36 == 54px
    font-size: 1.5em;
  }
 }

 .rem {
  // 2 rem == 2*18 == 36px
  font-size: 2rem;
  
  span {
    // 1.5rem == 1.5*18 == 27px
    font-size: 1.5rem;
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 html {
  font-size: 18px;
 }

 span {
  color: salmon;
 }

 .em {
  font-size: 2em;
 }
 .em span {
  font-size: 1.5em;
 }

 .rem {
  font-size: 2rem;
 }
 .rem span {
  font-size: 1.5rem;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <h1 class="em">Hi there <span>Dmitry</span></h1>
 <h1 class="rem">Hi there <span>Dmitry</span></h1>
	<h1 class="em">Hi there <span>Dmitry</span></h1>
	<h1 class="rem">Hi there <span>Dmitry</span></h1>
No results found