Skip to content

Instantly share code, notes, and snippets.

@czajkovsky

czajkovsky/SassMeister-input-HTML.haml

Created October 19, 2014 10:55
Show Gist options
  • Save czajkovsky/11891f9ec00c91f1fdad to your computer and use it in GitHub Desktop.
Save czajkovsky/11891f9ec00c91f1fdad to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.haml
%a.product-btn.product-btn--pic{ href: '#' }
Get your insurance checkup
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$primary-color: #007e7f;
$primary-bg-color: #c2f1ef;
.product-btn {
color: $primary-color;
background: $primary-bg-color;
text-decoration: none;
padding: 16px 15px 16px 50px;
border-radius: 5px;
display: block;
&:hover { background: darken($primary-bg-color, 5%); }
&--pic {
// bg styles go here
}
}
Raw
SassMeister-output.css
.product-btn {
color: #007e7f;
background: #c2f1ef;
text-decoration: none;
padding: 16px 15px 16px 50px;
border-radius: 5px;
display: block;
}
.product-btn:hover {
background: #adecea;
}
Raw
SassMeister-rendered.html
<a class='product-btn product-btn--pic' href='#'>
Get your insurance checkup
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment