Skip to content

Instantly share code, notes, and snippets.

@mholtzhausen
Created August 28, 2015 12:18
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 mholtzhausen/eb06e544e28b3637ecd3 to your computer and use it in GitHub Desktop.
Save mholtzhausen/eb06e544e28b3637ecd3 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class='text-size-tiny'>Tiny</div>
<div class='text-size-small'>Tiny</div>
<div class='text-size-standard'>Tiny</div>
<div class='text-size-large'>Tiny</div>
<div class='text-size-extra-large'>Tiny</div>
// ----
// libsass (v3.2.5)
// ----
@each $size, $px in (tiny:0.5em, small: 0.8em, standard: 1em, large:1.5em, extra-large:2em) {
.text-size-#{$size}{
font-size : $px;
}
}
.text-size-tiny {
font-size: 0.5em;
}
.text-size-small {
font-size: 0.8em;
}
.text-size-standard {
font-size: 1em;
}
.text-size-large {
font-size: 1.5em;
}
.text-size-extra-large {
font-size: 2em;
}
<div class='text-size-tiny'>Tiny</div>
<div class='text-size-small'>Tiny</div>
<div class='text-size-standard'>Tiny</div>
<div class='text-size-large'>Tiny</div>
<div class='text-size-extra-large'>Tiny</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment