Skip to content

Instantly share code, notes, and snippets.

@htmlzengarden
Last active August 29, 2015 14:17
Show Gist options
  • Save htmlzengarden/496b3cbc45c1bd53e1f1 to your computer and use it in GitHub Desktop.
Save htmlzengarden/496b3cbc45c1bd53e1f1 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div data-color="red"></div>
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$prefix: 'foo';
.#{$prefix}
{
&-bar
{
&-baz
{
&:hover,
&:focus
{
color: red;
}
}
.#{$prefix}
{
&-baz
{
&:hover,
&:focus
{
color: red;
}
}
}
}
}
.foo-bar-baz:hover, .foo-bar-baz:focus {
color: red;
}
.foo-bar .foo-baz:hover, .foo-bar .foo-baz:focus {
color: red;
}
<div data-color="red"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment