Skip to content

Instantly share code, notes, and snippets.

@philwinkle

philwinkle/SassMeister-input-HTML.html

Created August 27, 2014 14:47
Show Gist options
  • Save philwinkle/18b6613c62c8471c2d79 to your computer and use it in GitHub Desktop.
Save philwinkle/18b6613c62c8471c2d79 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a href="#" class="button">Obnoxious button</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
.button {
position: fixed;
top: 100px;
left: 100px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: helvetica;
padding: 20px 45px;
background-color: #FB7F73;
border-radius: 15px;
letter-spacing: 3px;
}
.button:before {
content: "\2192";
}
.button:after {
content: "\2190";
}
Raw
SassMeister-output.css
.button {
position: fixed;
top: 100px;
left: 100px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: helvetica;
padding: 20px 45px;
background-color: #FB7F73;
border-radius: 15px;
letter-spacing: 3px;
}
.button:before {
content: "\2192";
}
.button:after {
content: "\2190";
}
Raw
SassMeister-rendered.html
<a href="#" class="button">Obnoxious button</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment