Skip to content

Instantly share code, notes, and snippets.

@bensmithett

bensmithett/SassMeister-input-HTML.html

Created August 24, 2014 01:22
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 bensmithett/6775793c9893e677332c to your computer and use it in GitHub Desktop.
Save bensmithett/6775793c9893e677332c to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a am-Button am-type="downcase">Foo!</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----
[am-type~="downcase"] { text-transform: lowercase; }
[am-type~="upcase"] { text-transform: uppercase; }
[am-Button] {
@extend [am-type~="upcase"];
color: red;
}
Raw
SassMeister-output.css
[am-type~="downcase"] {
text-transform: lowercase;
}
[am-type~="upcase"], [am-Button] {
text-transform: uppercase;
}
[am-Button] {
color: red;
}
Raw
SassMeister-rendered.html
<a am-Button am-type="downcase">Foo!</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment