/
_variables.scss
71 lines (52 loc) · 3.03 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
// Checkbox
$checkbox-size: map-get( $spacing, 4 ) !default;
$checkbox-radius: map-get( $spacing, 1 ) !default;
$checkbox-border-width: 1px !default;
$checkbox-line-height: calc( #{$checkbox-size} + #{$checkbox-border-width} ) !default;
$checkbox-bg: $component-bg !default;
$checkbox-text: null !default;
$checkbox-border: contrast-wcag( $input-bg, $gray-400, $gray-600 ) !default;
$checkbox-hovered-bg: null !default;
$checkbox-hovered-text: null !default;
$checkbox-hovered-border: null !default;
$checkbox-checked-bg: $primary !default;
$checkbox-checked-text: contrast-wcag( $checkbox-checked-bg ) !default;
$checkbox-checked-border: $checkbox-checked-bg !default;
$checkbox-indeterminate-bg: $checkbox-checked-bg !default;
$checkbox-indeterminate-text: $checkbox-checked-text !default;
$checkbox-indeterminate-border: $checkbox-checked-border !default;
$checkbox-focused-border: try-tint( $primary, 50% ) !default;
$checkbox-focused-shadow: 0 0 0 .25rem rgba( $primary, .25 ) !default;
$checkbox-focused-checked-border: $checkbox-checked-border !default;
$checkbox-focused-checked-shadow: $checkbox-focused-shadow !default;
$checkbox-disabled-bg: null !default;
$checkbox-disabled-text: null !default;
$checkbox-disabled-border: null !default;
$checkbox-disabled-checked-bg: null !default;
$checkbox-disabled-checked-text: null !default;
$checkbox-disabled-checked-border: null !default;
$checkbox-invalid-bg: null !default;
$checkbox-invalid-text: $invalid-text !default;
$checkbox-invalid-border: $invalid-border !default;
// Checkbox indicator
$checkbox-icon-type: image !default;
$checkbox-glyph-font-family: "WebComponentsIcons", monospace !default;
$checkbox-glyph-size: $checkbox-size !default;
$checkbox-checked-glyph: "\e118" !default;
$checkbox-indeterminate-glyph: "\e121" !default;
$checkbox-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$checkbox-checked-text}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>") ) !default;
$checkbox-indeterminate-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$checkbox-indeterminate-text}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>") ) !default;
$checkbox-marker-checked-width: ( $checkbox-size / 2 ) !default;
$checkbox-marker-checked-height: ( $checkbox-size / 2 ) !default;
$checkbox-marker-indeterminate-width: ( $checkbox-size / 2 ) !default;
$checkbox-marker-indeterminate-height: 2px !default;
// Checkbox label
$checkbox-label-margin-x: map-get( $spacing, 1 ) !default;
// Checkbox list
$checkbox-list-spacing: map-get( $spacing, 4 ) !default;
$checkbox-list-item-padding-x: 0px !default;
$checkbox-list-item-padding-y: $list-item-padding-y !default;
// Checkbox ripple
$checkbox-ripple-size: $checkbox-size * 3 !default;
$checkbox-ripple-margin: calc(-1 * (#{$checkbox-size} + #{$checkbox-border-width})) !default;
$checkbox-ripple-opacity: .3 !default;