Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@krisbulman
Created June 18, 2014 13:37
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 krisbulman/acaa0a35e943561d13c8 to your computer and use it in GitHub Desktop.
Save krisbulman/acaa0a35e943561d13c8 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="selector">Hi I am Text</div>
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
@import "compass";
// Typographic
$base-font-size : 14px;
$base-line-height : 24px;
$xxsmallpx : 9px; // Use with $sans-serif for best rendering
$xsmallpx : 10px;
$smallpx : 12px;
$normpx : $base-font-size;
$xnormpx : 16px;
$medpx : 18px;
$largepx : 20px;
$xlargepx : 21px;
$xxlargepx : 24px;
$xxxlargepx : 28px;
$xxxxlargepx : 35px;
$xxxxxlargepx : 42px;
$xxxxxxlargepx : 50px;
$rhythm-unit : rem;
$rem-with-px-fallback : true;
.selector {
@include adjust-font-size-to($xnormpx, 0.4);
}
.selector {
font-size: 16px;
font-size: 1.14286rem;
line-height: 10px;
line-height: 0.68571rem;
}
<div class="selector">Hi I am Text</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment