mirror of
https://github.com/Tencent/weui.git
synced 2026-03-13 08:02:03 +08:00
自定义颜色变量
This commit is contained in:
@@ -10,4 +10,33 @@
|
||||
@rule();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.setColor(@rule) {
|
||||
.setColor(@rule[var], @rule[light], @rule[dark]);
|
||||
}
|
||||
|
||||
.setColor(@var, @color) {
|
||||
.setColor(@var, @color, @color);
|
||||
}
|
||||
|
||||
.setColor(@var, @light, @dark) {
|
||||
._setColor({
|
||||
@{var}: @light;
|
||||
}, {
|
||||
@{var}: @dark;
|
||||
});
|
||||
}
|
||||
._setColor(@lightRule, @darkRule) {
|
||||
body {
|
||||
@lightRule();
|
||||
}
|
||||
body[data-weui-theme='dark'] {
|
||||
@darkRule();
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body:not([data-weui-theme='light']) {
|
||||
@darkRule();
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user