/
_variables.scss
67 lines (48 loc) · 2.19 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
// Radio button
$radio-size: map-get( $spacing, 4 ) !default;
$radio-radius: 50% !default;
$radio-border-width: 1px !default;
$radio-line-height: calc(#{$radio-size} + #{$radio-border-width}) !default;
$radio-bg: $checkbox-bg !default;
$radio-text: $checkbox-text !default;
$radio-border: $checkbox-border !default;
$radio-hovered-bg: $checkbox-hovered-bg !default;
$radio-hovered-text: $checkbox-hovered-text !default;
$radio-hovered-border: $checkbox-hovered-border !default;
$radio-checked-bg: $checkbox-checked-bg !default;
$radio-checked-text: $checkbox-checked-text !default;
$radio-checked-border: $checkbox-checked-border !default;
$radio-indeterminate-bg: $radio-checked-bg !default;
$radio-indeterminate-text: $radio-checked-text !default;
$radio-indeterminate-border: $radio-checked-border !default;
$radio-focused-border: $checkbox-hovered-border !default;
$radio-focused-shadow: $checkbox-focused-shadow !default;
$radio-focused-checked-border: $checkbox-checked-border !default;
$radio-focused-checked-shadow: $checkbox-focused-checked-shadow !default;
$radio-disabled-bg: null !default;
$radio-disabled-text: null !default;
$radio-disabled-border: null !default;
$radio-disabled-checked-bg: null !default;
$radio-disabled-checked-text: null !default;
$radio-disabled-checked-border: null !default;
$radio-invalid-bg: null !default;
$radio-invalid-text: $invalid-text !default;
$radio-invalid-border: $invalid-border !default;
// Radio indicator
$radio-icon-type: marker !default;
$radio-glyph-font-family: "WebComponentsIcons", monospace !default;
$radio-glyph-size: 12px !default;
$radio-checked-glyph: "\e308" !default;
$radio-checked-image: null !default;
$radio-marker-checked-width: ( $radio-size / 2 ) !default;
$radio-marker-checked-height: ( $radio-size / 2 ) !default;
// Radio label
$radio-label-margin-x: map-get( $spacing, 1 ) !default;
// Radio list
$radio-list-spacing: map-get( $spacing, 4 ) !default;
$radio-list-item-padding-x: 0px !default;
$radio-list-item-padding-y: $list-item-padding-y !default;
// Radio ripple
$radio-ripple-size: $radio-size * 3 !default;
$radio-ripple-margin: calc(-1 * (#{$radio-size} + 2 * #{$radio-border-width})) !default;
$radio-ripple-opacity: .3 !default;