htmlzengarden · August 29, 2015 14:17
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div data-color="red"></div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.12)
 // Compass (v1.0.3)
 // ----

 $prefix: 'foo';

 .#{$prefix}
 {
  &-bar
  {
    &-baz
    {
      &:hover,
      &:focus
      {
        color: red;      
      }
    }
    .#{$prefix}
    {
      &-baz
      {
        &:hover,
        &:focus
        {
          color: red;      
        }
      }
    }
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 .foo-bar-baz:hover, .foo-bar-baz:focus {
  color: red;
 }
 .foo-bar .foo-baz:hover, .foo-bar .foo-baz:focus {
  color: red;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div data-color="red"></div>
	.foo-bar-baz:hover, .foo-bar-baz:focus {
	color: red;
	}
	.foo-bar .foo-baz:hover, .foo-bar .foo-baz:focus {
	color: red;
	}