Typographic Utilities

_typography-util.scss

.caps { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.tt-none { text-transform: none; }

$dirs: left, right, center;
@each $dir in $dirs {
	.align-#{$dir} { text-align: #{$dir}; }
}

$ws: 300, 400, 700;
@each $w in $ws {
	.w-#{$w} { font-weight: $w; }
}

@for $i from -2 through 5 {
	.lt-#{$i} { letter-spacing: #{$i}px; }
}