Skip to content

Instantly share code, notes, and snippets.

@zastrow
Created September 3, 2014 02:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zastrow/1b2a288ee3fac6a0d758 to your computer and use it in GitHub Desktop.
Save zastrow/1b2a288ee3fac6a0d758 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<a href="#" class="feature-class">Feature Link</a>
<div class="parent-class">
<a href="#" class="feature-class">Feature Link with Parent</a>
</div>
// ----
// 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;
}
}
}
.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;
}
<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