Skip to content

Instantly share code, notes, and snippets.

@jleiva

jleiva/SassMeister-input-HTML.html

Created November 28, 2013 18:04
Show Gist options
  • Save jleiva/7696027 to your computer and use it in GitHub Desktop.
Save jleiva/7696027 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="bio active">
<p class="tab-icon">Test</p>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/* rewrite */
.bio {
&.active {
z-index: 2;
.tab-icon {
background: red;
}
}
.tab-icon {
background: pink;
padding-left: 0; position: absolute; right: -44px;
}
}
Raw
SassMeister-output.css
/* rewrite */
.bio.active {
z-index: 2;
}
.bio.active .tab-icon {
background: red;
}
.bio .tab-icon {
background: pink;
padding-left: 0;
position: absolute;
right: -44px;
}
Raw
SassMeister-rendered.html
<div class="bio active">
<p class="tab-icon">Test</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment