Created by: afanjul
Rewrite of displays type classes for a more robust code and easy to extend or modify.
In _variables.scss:
$displays: ( 1:(6rem, 300), 2:(5.5rem, 300), 3:(4.5rem, 300), 4:(3.5rem, 300), );
In _type.scss:
@each $index,$values in $displays { .display-#{$index} { @include font-size(#{nth($values,1)}); font-weight: #{nth($values,2)}; line-height: $display-line-height; } }