SASS Archives | Bravehartk2's Blog

Generate headlines

To generate the headline styles for H1 – H6 you can use a loop:

@for $i from 1 through 6 {
    h#{$i} { 
            font-size: 2.5em - (0.2em * $i); 
        }   
}

@for $i from 1 through 6 {

h#{$i} {

font-size: 2.5em - (0.2em * $i);

}