根据平台更改变量SASS

Question

我将Ionic2 RC3用于我的应用程序。我想根据平台更改变量SASS的值。例如，我有一个变量$ statusbar-height，如果设备是Windows或Android，则值为0px，如果设备在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文件中访问此变量。