Skip to content

Instantly share code, notes, and snippets.

@apisandipas
Last active December 26, 2015 06:09
Show Gist options
  • Save apisandipas/7105693 to your computer and use it in GitHub Desktop.
Save apisandipas/7105693 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----
/*
* Typekit Font Weights
*
* 100 = thin
* 200 = extra-light
* 300 = light
* 400 = normal, book
* 500 = medium
* 600 = demi-bold
* 700 = bold
* 800 = heavy
* 900 = black
*
*/
$weights: "thin", "extra-light", "light", "normal", "medium", "demi-bold", "bold", "heavy", "black";
@each $weight in $weights {
.weight-#{$weight} {
font-weight: unquote(index($weights, $weight) + '00');
}
}
/*
* Typekit Font Weights
*
* 100 = thin
* 200 = extra-light
* 300 = light
* 400 = normal, book
* 500 = medium
* 600 = demi-bold
* 700 = bold
* 800 = heavy
* 900 = black
*
*/
.weight-thin {
font-weight: 100;
}
.weight-extra-light {
font-weight: 200;
}
.weight-light {
font-weight: 300;
}
.weight-normal {
font-weight: 400;
}
.weight-medium {
font-weight: 500;
}
.weight-demi-bold {
font-weight: 600;
}
.weight-bold {
font-weight: 700;
}
.weight-heavy {
font-weight: 800;
}
.weight-black {
font-weight: 900;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment