我遇到了一个问题,我更容易定义两个可以在使用单个变量之间轻弹的基本地图(对于基本、浅色/深色主题来说似乎更容易)
https://codepen.io/anon/pen/bLwNaW
我正在尝试设置 $theme-being-used,在 If/Else 中检查它并根据该结果使用特定的地图。这让我很容易进入并将 $theme-being-used 设置为暗色并更改所有基本变量。
我试过了:
@if (#{$theme-being-used} == light) {
@if ($theme-being-used == light) {
@if (#{$theme-being-used} == "light") {, etc..
有谁知道这是否可以做到?无论哪种方式都没什么大不了的,只是在抛出模板网站时节省了一点时间。
在我通过简单地注释/取消注释代码来实现这一点之前,即
$palette: (
// Light
ui: (
primary: #FFFFFF,
secondary: #EEEEEE,
alternate: #DDDDDD
),
// Dark - COMMENTED when I want to use light variables
/*ui: (
primary: #333,
secondary: #444,
alternate: #555
),*/
);
这很好而且很快,但是将它设置在一个地方会更容易,而不必这样做。
谢谢。