46 lines
769 B
Plaintext
46 lines
769 B
Plaintext
@tuiColors: {
|
|
red: #F33;
|
|
pink: #FF7A9B;
|
|
black: #111;
|
|
blue: #006EFF;
|
|
light-blue: #00A6FF;
|
|
green: GREEN;
|
|
light-green: #3FE194;
|
|
orange: #E7913B;
|
|
gray: #666;
|
|
light-gray: #AAA;
|
|
white: #FFF;
|
|
dark-white: #E7EAEF;
|
|
yellow: #FF0;
|
|
purple: PURPLE;
|
|
transparent: transparent;
|
|
}
|
|
|
|
:root {
|
|
--tui-font: PingFang SC, Microsoft YaHei, Arial Regular;
|
|
|
|
--tui-shadow: 3px 3px 12px var(--tui-shadow-color);
|
|
--tui-bezier: cubic-bezier(.19, .1, .22, 1);
|
|
--tui-shadow-color: rgba(0, 0, 0, .2);
|
|
|
|
each(@tuiColors, {
|
|
--tui-@{key}: @value;
|
|
});
|
|
--tui-border: 1px solid var(--tui-light-gray);
|
|
--tui-page-padding: .5rem 1rem;
|
|
}
|
|
|
|
// 字体颜色
|
|
each(@tuiColors, {
|
|
.@{key} {
|
|
color: @value;
|
|
}
|
|
});
|
|
|
|
// 背景颜色
|
|
each(@tuiColors, {
|
|
.bg-@{key} {
|
|
background: @value;
|
|
}
|
|
});
|