!SCSS中变量和操作的重要标志

时间:2018-01-28 11:10:58

标签: css angular sass material-design angular-material

我正在导入documentation的修改版本,因为我需要能够覆盖复选框的大小。我已经成功地用单选按钮做了类似的事情,所以我知道我在正确的轨道上。

问题是,当我在文件顶部定义变量时,如下所示:

$mat-checkbox-size: 12vw !default;
$mat-checkbox-border-width: 0.5vw;
$mat-checkbox-transition-duration: 90ms;
$_mat-checkbox-ripple-radius: 2vw;

......代码无效。但是,根据我使用单选按钮的经验,我必须向!important添加$mat-checkbox-size标记:

$mat-checkbox-size: 12vw !important;

但是,这会导致SCSS编译失败。导致失败的一行是:

$_mat-checkbox-mark-stroke-size: 2 / 15 * $mat-checkbox-size !default;

我收到以下错误:

  

错误:

     

$ _ mat-checkbox-mark-stroke-size:2/15 * $ mat-checkbox-size!default;

     

未定义的操作:“0.13333乘12vw!important”。

如何使用包含此!important标志的变量在SCSS中执行操作?

0 个答案:

没有答案