tortillaj · August 29, 2015 14:20
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div>
  <h1>Nesting classes and elements</h1>
  <p>Elements and classes can be nested. Here we nested a paragraph tag. <a href="#">Links can be nested too.</a></p>
  <p class="highlighted-text">Classes can be nested too!</p>
 </div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.13)
 // Compass (v1.0.3)
 // ----

 // set a global variable
 $myColor: #4d4d4d;

 div {
  p {
    color: $myColor;
  }
  
  a {
    color: $myColor;
    text-decoration: underline;
  }
  
  .highlighted-text {
    color: pink;
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 div p {
  color: #4d4d4d;
 }
 div a {
  color: #4d4d4d;
  text-decoration: underline;
 }
 div .highlighted-text {
  color: pink;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div>
  <h1>Nesting classes and elements</h1>
  <p>Elements and classes can be nested. Here we nested a paragraph tag. <a href="#">Links can be nested too.</a></p>
  <p class="highlighted-text">Classes can be nested too!</p>
 </div>
	<div>
	<h1>Nesting classes and elements</h1>
	<p>Elements and classes can be nested. Here we nested a paragraph tag. <a href="#">Links can be nested too.</a></p>
	<p class="highlighted-text">Classes can be nested too!</p>
	</div>