Skip to content

Commit 97e0103

Browse files
committed
feat: add radio-button scss
1 parent c32f389 commit 97e0103

File tree

1 file changed

+72
-0
lines changed

1 file changed

+72
-0
lines changed

scss/forms/_radio-button.scss

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
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+
}

0 commit comments

Comments
 (0)