Skip to content

Instantly share code, notes, and snippets.

@rcaracaus

rcaracaus/SassMeister-input-HTML.html

Created February 3, 2015 00:34
Show Gist options
  • Save rcaracaus/b84c1fd9771f89c3c9bc to your computer and use it in GitHub Desktop.
Save rcaracaus/b84c1fd9771f89c3c9bc to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="featured-palette-parent">
<div class="">asdf</div>
</div>
<div class="">
<div class="featured-palette-child">asdf</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
.featured-palette-parent {
> :nth-child(1) {
background: red;
}
}
.featured-palette-child {
&:nth-child(1) {
background: blue;
}
}
Raw
SassMeister-output.css
.featured-palette-parent > :nth-child(1) {
background: red;
}
.featured-palette-child:nth-child(1) {
background: blue;
}
Raw
SassMeister-rendered.html
<div class="featured-palette-parent">
<div class="">asdf</div>
</div>
<div class="">
<div class="featured-palette-child">asdf</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment