Skip to content

Instantly share code, notes, and snippets.

@zastrow

zastrow/SassMeister-input-HTML.html

Created September 3, 2014 02:01
Show Gist options
  • Save zastrow/38e118ac945979d59d62 to your computer and use it in GitHub Desktop.
Save zastrow/38e118ac945979d59d62 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>
<a href="#" class="feature-class style-class">Feature Style Link</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
.feature-class {
color: #0090B2;
&:hover {
color: #FF7A00;
}
&:active {
color: #B25500;
}
&.style-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;
}
.feature-class.style-class {
color: #00CEFF;
}
.feature-class.style-class:hover {
color: #0090B2;
}
.feature-class.style-class:active {
color: #FF7A00;
}
Raw
SassMeister-rendered.html
<a href="#" class="feature-class">Feature Link</a>
<a href="#" class="feature-class style-class">Feature Style Link</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment