是否可以将具有媒体查询的scss mixin重写为scss函数?

时间:2019-04-12 09:25:50

标签: sass scss-mixins

我有一个scss mixin用于计算流畅的字体大小,我想从mixin中删除“ font-size”,并像插入一个函数一样使用它,以便我可以使用它来计算ex。的余地,我不知道是否有可能。请帮忙:)

@function strip-unit($value) {
    @return $value / ($value * 0 + 1);
}

@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
    $u1: unit($min-vw);
    $u2: unit($max-vw);
    $u3: unit($min-font-size);
    $u4: unit($max-font-size);

    @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
        & {
            font-size: $min-font-size;

            @media screen and (min-width: $min-vw) {
                font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
            }

            @media screen and (min-width: $max-vw) {
                font-size: $max-font-size;
            }
        }
    }
}

0 个答案:

没有答案