File tree Expand file tree Collapse file tree 1 file changed +72
-0
lines changed
Expand file tree Collapse file tree 1 file changed +72
-0
lines changed Original file line number Diff line number Diff line change 1+ //
2+ // Radio button item
3+ //
4+
5+ .radio-button-item {
6+ @extend %control-item ;
7+ }
8+
9+ .radio-button-item-indicator-container ,
10+ .radio-button-item-icon-container {
11+ @extend %control-item-assets-container ;
12+ }
13+
14+ .radio-button-item-text-container {
15+ @extend %control-item-text-container ;
16+ }
17+
18+ //
19+ // Variants
20+ //
21+
22+ .radio-button-item-border {
23+ @extend %control-item-border ;
24+ }
25+
26+ .radio-button-item-inverse {
27+ @extend %control-item-inverse ;
28+ }
29+
30+ .radio-button-item-divider {
31+ @extend %control-item-border ;
32+ }
33+
34+ //
35+ // Radio-button indicator
36+ //
37+
38+ .radio-button-indicator {
39+ @extend %control-item-indicator ;
40+
41+ & [type = " radio" ] {
42+ mask : escape-svg ($ouds-radio-unselected-icon );
43+ }
44+
45+ & :checked {
46+ & [type = " radio" ] {
47+ mask : escape-svg ($ouds-radio-selected-icon );
48+ }
49+ }
50+ }
51+
52+ //
53+ // Radio texts
54+ //
55+
56+ .radio-button-label {
57+ @extend .control-item-form-label ;
58+ }
59+
60+ .radio-button-helper {
61+ @extend .control-item-form-helper ;
62+ }
63+
64+ //
65+ // Radio-button standalone
66+ //
67+
68+ .radio-button-standalone {
69+ @extend %control-item-standalone ;
70+ min-width : $ouds-radio-size-min-width ;
71+ min-height : $ouds-radio-size-min-height ;
72+ }
You can’t perform that action at this time.
0 commit comments