增加字体大小为基金会6

Question

手机，我无法做出以下SCSS增加font-size上mobiles和tablets：

// Mobile 

@include breakpoint(medium down) { 
    $global-font-size: 200%; 
} 

生成CSS文件不加入上面的代码后，甚至改变。

Answer 1

可惜这不是可以定义媒体查询内部SASS变量。有关更详细的说明，请参见this Closed issue（以Foundation为例）。

你可以做一个类似这样的事情是这样，但：

%screen-font { 
    font-size: 100%; 

    @media #{$medium-down} { 
     font-size: 200% !important; 
    } 
} 

html { 
    @extend %screen-font; 
} 

Answer 2

我最终什么事做的是与font-size更换$global-font-size：

// Mobile 

html { 
    @include breakpoint(medium down) { 
     font-size: 200% !important; 
    } 
}