根据平台更改变量SASS

时间:2016-12-01 13:15:44

标签: cordova ionic2

我将Ionic2 RC3用于我的应用程序。我想根据平台更改变量SASS的值。例如,我有一个变量$ statusbar-height,如果设备是Windows或Android,则值为0px,如果设备在IOS上,则为20px。 谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

我会做这样的事情:

$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文件中访问此变量。