Как вставить буквенную строку в scss @mixin

Question

Учитывая следующий код scss:

@mixin homeSlider(
    $dim: 150px,
    $h1: "h1 { font-size: 4em; margin-top: 0; }"
){
    section {
        margin-top: -$dim;
    }
    $h1;
 }

 @include homeSlider( $dim: 50px, $h1: "h1 { font-size: 3em; margin-top: 0; }" )

Мне нужно знать, как можно достичь моей цели

Answer 1

Попробуйте это

@mixin homeSlider($dim, $h1-font-size){
    section {
        margin-top: -$dim;

        h1 {
           font-size: $h1-font-size;
           margin-top: 0;
        }
    }
}


@include homeSlider(50px, 3em;)  /* $dim = 50px - $h1-font-size = 3em; */