UNPKG

less-plugin-dls

Version:

Less plugin for Baidu Light DLS.

github.com/ecomfe/light-dls

ecomfe/light-dls

70 lines (54 loc) • 3.26 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
@import "../global.less"; @import "./button.less"; /* Typography */ @dls-checkbox-font-size-s: @dls-font-size-0; @dls-checkbox-font-size-m: @dls-font-size-1; @dls-checkbox-font-color: @dls-foreground-color-neutral; @dls-checkbox-font-color-disabled: @dls-foreground-color-neutral-disabled; /* Metrics */ @dls-checkbox-size-s: dls-sum(@dls-checkbox-font-size-s, 2px); @dls-checkbox-size-m: dls-sum(@dls-checkbox-font-size-m, 2px); @dls-checkbox-icon-min-size: 8px; @dls-checkbox-icon-size: 1em; @dls-checkbox-border-radius: @dls-border-radius-1; @dls-checkbox-spacing: @dls-padding-unit * 2; /* Colors */ @dls-checkbox-border-color: @dls-border-color-fillable; @dls-checkbox-border-color-hover: @dls-border-color-fillable-hover; @dls-checkbox-border-color-focus: @dls-border-color-focus; @dls-checkbox-border-color-active: @dls-border-color-fillable-active; @dls-checkbox-border-color-disabled: @dls-border-color-fillable-disabled; @dls-checkbox-border-color-checked: @dls-border-color-primary; @dls-checkbox-border-color-checked-hover: @dls-checkbox-border-color-checked; @dls-checkbox-border-color-checked-focus: @dls-border-color-focus; @dls-checkbox-border-color-checked-active: @dls-checkbox-border-color-checked-hover; @dls-checkbox-border-color-checked-disabled: @dls-border-color-primary-disabled; @dls-checkbox-background-color: @dls-background-color-fillable; @dls-checkbox-background-color-hover: @dls-background-color-fillable-hover; @dls-checkbox-background-color-focus: @dls-checkbox-background-color-hover; @dls-checkbox-background-color-active: @dls-background-color-fillable-active; @dls-checkbox-background-color-disabled: @dls-background-color-fillable-disabled; @dls-checkbox-background-color-checked: @dls-background-color-primary; @dls-checkbox-background-color-checked-hover: @dls-background-color-primary-hover; @dls-checkbox-background-color-checked-focus: @dls-checkbox-background-color-checked-hover; @dls-checkbox-background-color-checked-active: @dls-background-color-primary-active; @dls-checkbox-background-color-checked-disabled: @dls-background-color-primary-disabled; @dls-checkbox-foreground-color: @dls-foreground-color-primary-reverse; @dls-checkbox-foreground-color-hover: @dls-checkbox-foreground-color; @dls-checkbox-foreground-color-focus: @dls-checkbox-foreground-color-hover; @dls-checkbox-foreground-color-active: @dls-checkbox-foreground-color-hover; @dls-checkbox-foreground-color-disabled: @dls-checkbox-foreground-color; /* Focus ring */ @dls-checkbox-shadow-focus: @dls-shadow-focus; /* Checkbox group */ @dls-checkbox-group-spacing: @dls-padding-unit * 6; @dls-checkbox-group-spacing-simple: @dls-padding-unit * 2; @dls-checkbox-group-line-spacing: @dls-padding-unit * 2; /* Checkbox triangle mark */ // Use corresponding border color for the triangle @dls-checkbox-icon-size-strong: @dls-height-unit * 1.5; @dls-checkbox-icon-spacing-strong: @dls-padding-unit * 0.75; @dls-checkbox-icon-color-strong: @dls-button-border-color-basic-hover; @dls-checkbox-icon-color-strong-disabled: @dls-button-border-color-basic-disabled; @dls-checkbox-icon-color-strong-checked: @dls-button-border-color-selected; @dls-checkbox-icon-color-strong-checked-disabled: @dls-button-border-color-selected-disabled;