Skip to content

Instantly share code, notes, and snippets.

@csswizardry

csswizardry/SassMeister-input-HTML.html

Created December 10, 2014 16:21
Show Gist options
  • Save csswizardry/2ffea03c8013ece5ae77 to your computer and use it in GitHub Desktop.
Save csswizardry/2ffea03c8013ece5ae77 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<section class="sub-content">
<p>Lorem ipsum dolor.</p>
<div class="refactored-component">
Foo Bar Baz
</div>
<p>Lorem ipsum dolor.</p>
</section>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
.carousel {
width: 50%;
.home-page & {
width: 100%;
}
}
.btn {
color: white;
.t-dark & {
color: black;
}
}
Raw
SassMeister-output.css
.carousel {
width: 50%;
}
.home-page .carousel {
width: 100%;
}
.btn {
color: white;
}
.t-dark .btn {
color: black;
}
Raw
SassMeister-rendered.html
<section class="sub-content">
<p>Lorem ipsum dolor.</p>
<div class="refactored-component">
Foo Bar Baz
</div>
<p>Lorem ipsum dolor.</p>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment