Skip to content

Instantly share code, notes, and snippets.

@elijahmanor
Last active August 29, 2015 14:03
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 elijahmanor/24343c31db1bcfaf40ba to your computer and use it in GitHub Desktop.
Save elijahmanor/24343c31db1bcfaf40ba to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Scut (v0.10.4)
// ----
@import "scut";
@mixin typeset( $level: body-copy ) {
$types: (
( primary-heading, 48px, 800 ),
( secondary-heading, 16px, 700, 22px ),
( body-copy, 16px, normal, 24px )
);
@each $item in $types {
@if $level == nth($item, 1) {
font-size: scut-em(nth($item, 2));
@if nth($item, 3) != "normal" {
font-weight: nth($item, 3);
}
@if length($item) >= 4 {
line-height: scut-em(nth($item, 4), nth($item, 2));
}
}
}
}
h1 {
@include typeset(primary-heading);
}
h2 {
@include typeset(secondary-heading);
}
p {
@include typeset(body-copy);
}
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v0.10.4
* Docs at http://davidtheclark.github.io/scut
*/
h1 {
font-size: 3em;
font-weight: 800;
}
h2 {
font-size: 1em;
font-weight: 700;
line-height: 1.375em;
}
p {
font-size: 1em;
line-height: 1.5em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment