我正在导入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中执行操作?