Skip to content

Instantly share code, notes, and snippets.

@gabesullice
Last active August 29, 2015 14:06
Show Gist options
  • Save gabesullice/d313c1b0d50fb6b6a265 to your computer and use it in GitHub Desktop.
Save gabesullice/d313c1b0d50fb6b6a265 to your computer and use it in GitHub Desktop.
Sass @for over list
@mixin header($size) {
font-size: $size;
line-height: $size;
@include breakpoint($small) { font-size: 1.125 * $size; }
}
$header-sizes: $h1-font-size,
$h2-font-size,
$h3-font-size,
$h4-font-size,
$h5-font-size,
$h6-font-size;
@for $i from 1 through 6 {
h#{$i} {
@include header( nth($header-sizes, $i) );
}
}
h1, h2, h4, h5, h6 {
color: $orange;
margin: 0;
font-family: $montserrat;
font-weight: bold;
}
h1, h2, h4 { text-transform: uppercase; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment