UNPKG

2.42 kBSCSSView Raw
1#{$radio-prefix}-button-large[dir='rtl'] {
2 > label {
3 &:first-child {
4 margin-left: -1px;
5 border-top-right-radius: $radio-button-corner-large;
6 border-bottom-right-radius: $radio-button-corner-large;
7 border-top-left-radius: 0;
8 border-bottom-left-radius: 0;
9 }
10 &:last-child {
11 margin-left: 0;
12 border-top-right-radius: 0;
13 border-bottom-right-radius: 0;
14 border-top-left-radius: $radio-button-corner-large;
15 border-bottom-left-radius: $radio-button-corner-large;
16 }
17 }
18
19 #{$radio-prefix}-label {
20 height: calc(#{$radio-button-height-large} - 2px);
21 line-height: calc(#{$radio-button-height-large} - 2px);
22 font-size: $radio-button-font-size-large;
23 }
24}
25
26#{$radio-prefix}-button-medium[dir='rtl'] {
27 > label {
28 &:first-child {
29 margin-left: -1px;
30 border-top-left-radius: 0;
31 border-bottom-left-radius: 0;
32 border-top-right-radius: $radio-button-corner-medium;
33 border-bottom-right-radius: $radio-button-corner-medium;
34 }
35 &:last-child {
36 margin-left: 0;
37 border-top-right-radius: 0;
38 border-bottom-right-radius: 0;
39 border-top-left-radius: $radio-button-corner-medium;
40 border-bottom-left-radius: $radio-button-corner-medium;
41 }
42 }
43}
44
45#{$radio-prefix}-button-small[dir='rtl'] {
46 > label {
47 &:first-child {
48 margin-left: -1px;
49 border-top-left-radius: 0;
50 border-bottom-left-radius: 0;
51 border-top-right-radius: $radio-button-corner-small;
52 border-bottom-right-radius: $radio-button-corner-small;
53 }
54 &:last-child {
55 margin-left: 0;
56 border-top-right-radius: 0;
57 border-bottom-right-radius: 0;
58 border-top-left-radius: $radio-button-corner-small;
59 border-bottom-left-radius: $radio-button-corner-small;
60 }
61 }
62}
63
64
65#{$radio-prefix}-wrapper[dir='rtl'] {
66 #{$radio-prefix}-label {
67 margin-left: 0;
68 margin-right: 4px;
69 }
70}
71
72
73#{$radio-prefix}-group[dir='rtl'] {
74 #{$radio-prefix}-label {
75 margin-right: 4px;
76 margin-left: 16px;
77 }
78}
79#{$radio-prefix}-button[dir='rtl'] > label #{$radio-prefix}-label {
80 margin: 0;
81}