Skip to content

Instantly share code, notes, and snippets.

@zastrow

zastrow/SassMeister-input-HTML.html

Created September 3, 2014 02:19
Show Gist options
  • Save zastrow/1b2a288ee3fac6a0d758 to your computer and use it in GitHub Desktop.
Save zastrow/1b2a288ee3fac6a0d758 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a href="#" class="feature-class">Feature Link</a>
<div class="parent-class">
<a href="#" class="feature-class">Feature Link with Parent</a>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
.feature-class {
color: #0090B2;
&:hover {
color: #FF7A00;
}
&:active {
color: #B25500;
}
.parent-class & {
color: #00CEFF;
&:hover {
color: #0090B2;
}
&:active {
color: #FF7A00;
}
}
}
Raw
SassMeister-output.css
.feature-class {
color: #0090B2;
}
.feature-class:hover {
color: #FF7A00;
}
.feature-class:active {
color: #B25500;
}
.parent-class .feature-class {
color: #00CEFF;
}
.parent-class .feature-class:hover {
color: #0090B2;
}
.parent-class .feature-class:active {
color: #FF7A00;
}
Raw
SassMeister-rendered.html
<a href="#" class="feature-class">Feature Link</a>
<div class="parent-class">
<a href="#" class="feature-class">Feature Link with Parent</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment