SASS Snippets

Style H1 to H6 Headings.sass

@mixin headings($from: 1, $to: 6){
    $heading-selector: (unquote(""));
    @for $i from $from through $to {
        $heading-selector: $heading-selector, unquote("h#{$i}")
    }
    #{$heading-selector}{
        @content
    }
}
 
@include headings(){
    font-family:sans-serif;
}
 
div{
    @include headings(1, 3){
        color:#BADA55;
    }
}