Skip to content

Instantly share code, notes, and snippets.

@bradrice

bradrice/SassMeister-input-HTML.html

Created March 20, 2015 19:28
Show Gist options
  • Save bradrice/76ca88971acffef3e4f3 to your computer and use it in GitHub Desktop.
Save bradrice/76ca88971acffef3e4f3 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="test">
Some text
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@mixin serif-font($f-size: 1em, $l-height: 140%, $m-top: .5em, $m-bottom: .5em) {
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: .5em;
margin-top: .5em;
font-size: $f-size;
line-height: $l-height;
}
@mixin sans-font($f-size: 1em, $l-height: 140%) {
font-family: verdana, Helvetica, arial, "Helvetica Nueu", sans-serif;
margin-bottom: .5em;
margin-top: .5em;
font-size: $f-size;
line-height: $l-height
}
.test {
@include serif-font
}
Raw
SassMeister-output.css
.test {
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: .5em;
margin-top: .5em;
font-size: 1em;
line-height: 140%;
}
Raw
SassMeister-rendered.html
<div class="test">
Some text
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment