增加字體大小爲基金會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; 
    } 
}