离子 2 范围 SASS

Question

当我将以下代码放入我的 variable.css 时，它可以工作但变成了全局（更改了我所有的 fab 按钮）

variable.scss

$fab-size: 180px;

但我只希望它也只对特定页面有效。但是不行

游戏-page.scss

page-games {
    $fab-size: 180px;
}

Answer 1

您可以覆盖此 class:

.fab {
    width: 180px;
    height: 180px;
    font-size: 20px;
}