根據平臺更改變量SASS

Question

我用我的應用程序使用了Ionic2 RC3。我想根據平臺更改變量SASS的價值。例如，如果設備是Windows或Android，則具有值爲0px的變量$ statusbar-height，但如果設備在IOS上，則爲20px。 感謝您的幫助。

Answer 1

我會做這樣的事情：

$platform: android !default; 
$primary: black !default; 

@if $platform == android { 
    $primary: red; 
} @else if $platform == ios { 
    $primary: green; 
} @else { 
    $primary: blue; 
} 

.primary_class { 
    color : $primary; 
} 

而且，你可以把$platform變量./src/theme/variables.scss：它可以讓你從你的應用程序中的任何其他文件SCSS訪問這個變量。