-
Notifications
You must be signed in to change notification settings - Fork 66
/
_variables.scss
96 lines (72 loc) · 3.46 KB
/
_variables.scss
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
// Chip
$chips-margin: 8px !default;
$chip-padding-x: 0px !default;
$chip-padding-y: 4px !default;
$chip-height: 24px !default;
$chip-border-radius: $chip-height / 2 !default;
$chip-font-size: 14px !default;
$chip-selected-icon-size: 16px !default;
$chip-selected-icon-offset: 4px !default;
$chip-selected-icon-no-icon-offset: $chip-selected-icon-offset !default;
$chip-selected-icon-font-size: $chip-font-size !default;
$chip-content-padding-x: 8px !default;
$chip-icons-size: 16px !default;
$chip-icon-margin: 4px !default;
$chip-remove-icon-margin: 8px !default;
$chip-remove-icon-font-size: 14px !default;
$chip-avatar-size: 16px !default;
$chip-filled-bg: #ebebeb !default;
$chip-filled-text: $body-text !default;
$chip-filled-border: rgba( black, .08 ) !default;
$chip-filled-hovered-bg: try-shade( $chip-filled-bg, .5 ) !default;
$chip-filled-hovered-text: null !default;
$chip-filled-hovered-border: null !default;
$chip-filled-focused-bg: $chip-filled-bg !default;
$chip-filled-focused-shadow: 0 3px 4px 0 rgba(0, 0, 0, .06) !default;
$chip-filled-selected-bg: try-shade( $chip-filled-bg, 1 ) !default;
$chip-filled-selected-text: null !default;
$chip-filled-selected-border: null !default;
$chip-filled-success-bg: rgba( $success, .12 ) !default;
$chip-filled-success-text: $success !default;
$chip-filled-success-border: rgba( $success, .3 ) !default;
$chip-filled-warning-bg: rgba( $warning, .12 ) !default;
$chip-filled-warning-text: $warning !default;
$chip-filled-warning-border: rgba($warning, .3 ) !default;
$chip-filled-error-bg: rgba( $error, .12 ) !default;
$chip-filled-error-text: $error !default;
$chip-filled-error-border: rgba( $error, .3 ) !default;
$chip-filled-info-bg: rgba( $info, .12 ) !default;
$chip-filled-info-text: $info !default;
$chip-filled-info-border: rgba( $info, .3 ) !default;
$chip-outline-bg: transparent !default;
$chip-outline-text: $body-text !default;
$chip-outline-border: $body-text !default;
$chip-outline-hovered-bg: $body-text !default;
$chip-outline-hovered-text: #ffffff !default;
$chip-outline-hovered-border: rgba( black, .08 ) !default;
$chip-outline-focused-bg: $chip-outline-bg !default;
$chip-outline-focused-text: $chip-outline-text !default;
$chip-outline-focused-border: $chip-outline-border !default;
$chip-outline-focused-shadow: 0 3px 4px 0 rgba(0, 0, 0, .4) !default;
$chip-outline-selected-bg: $body-text !default;
$chip-outline-selected-text: #ffffff !default;
$chip-outline-success-bg: transparent !default;
$chip-outline-success-text: $success !default;
$chip-outline-success-border: rgba( $success, .54 ) !default;
$chip-outline-warning-bg: transparent !default;
$chip-outline-warning-text: $warning !default;
$chip-outline-warning-border: rgba( $warning, .54 ) !default;
$chip-outline-error-bg: transparent !default;
$chip-outline-error-text: $error !default;
$chip-outline-error-border: rgba( $error, .54 ) !default;
$chip-outline-info-bg: transparent !default;
$chip-outline-info-text: $info !default;
$chip-outline-info-border: rgba( $info, .54 ) !default;
$chip-filled-single-selected-bg: rgba( $primary, .08 ) !default;
$chip-filled-single-selected-text: $primary !default;
$chip-filled-single-selected-border: rgba( $primary, .2 ) !default;
$chip-outline-single-selected-bg: transparent !default;
$chip-outline-single-selected-text: $primary !default;
$chip-outline-single-selected-border: rgba( $primary, .2 ) !default;
$chip-multiple-selected-icon-bg: rgba( black, .44 ) !default;
$chip-multiple-selected-icon-text: #ffffff !default;