Skip to content

Instantly share code, notes, and snippets.

@jakob-e

jakob-e/SassMeister-input-HTML.html

Created November 29, 2014 15:34
Show Gist options
  • Save jakob-e/fa3f8609739ad9d4f9a0 to your computer and use it in GitHub Desktop.
Save jakob-e/fa3f8609739ad9d4f9a0 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a id="foo" href="#">Home</a>
<a id="bar" href="#">About</a>
<a id="baz" href="#">Contact</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
a { color: purple; }
a:hover { color: pink; }
#bar { color:magenta} // About wont change color on hover
a { color: purple; }
a:hover { color: pink; }
[id="foo"] { color:magenta} // Home will change color on hover
Raw
SassMeister-output.css
a {
color: purple;
}
a:hover {
color: pink;
}
#bar {
color: magenta;
}
a {
color: purple;
}
a:hover {
color: pink;
}
[id="foo"] {
color: magenta;
}
Raw
SassMeister-rendered.html
<a id="foo" href="#">Home</a>
<a id="bar" href="#">About</a>
<a id="baz" href="#">Contact</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment