File tree 6 files changed +12
-36
lines changed
6 files changed +12
-36
lines changed Original file line number Diff line number Diff line change 2
2
padding-left : 20px ; }
3
3
.checkbox label {
4
4
display : inline-block;
5
+ vertical-align : middle;
5
6
position : relative;
6
7
padding-left : 5px ; }
7
8
.checkbox label ::before {
49
50
border-radius : 50% ; }
50
51
.checkbox .checkbox-inline {
51
52
margin-top : 0 ; }
52
- .checkbox .checkbox-single label {
53
- height : 17px ; }
54
53
55
54
.checkbox-primary input [type = "checkbox" ]: checked + label ::before {
56
55
background-color : # 428bca ;
86
85
padding-left : 20px ; }
87
86
.radio label {
88
87
display : inline-block;
88
+ vertical-align : middle;
89
89
position : relative;
90
90
padding-left : 5px ; }
91
91
.radio label ::before {
139
139
cursor : not-allowed; }
140
140
.radio .radio-inline {
141
141
margin-top : 0 ; }
142
- .radio .radio-single label {
143
- height : 17px ; }
144
142
145
143
.radio-primary input [type = "radio" ] + label ::after {
146
144
background-color : # 428bca ; }
Original file line number Diff line number Diff line change 83
83
border-radius : 50% ;
84
84
}
85
85
86
- & .checkbox-single label {
87
- height : 17px ;
88
- }
89
-
90
86
& .checkbox-inline {
91
87
margin-top : 0 ;
92
88
}
186
182
& .radio-inline {
187
183
margin-top : 0 ;
188
184
}
189
-
190
- & .radio-single label {
191
- height : 17px ;
192
- }
193
185
}
194
186
195
187
.radio-variant (radio- primary, @brand-primary );
Original file line number Diff line number Diff line change @@ -86,10 +86,6 @@ $font-family-icon: 'FontAwesome' !default;
86
86
& .checkbox-inline {
87
87
margin-top : 0 ;
88
88
}
89
-
90
- & .checkbox-single label {
91
- height : 17px ;
92
- }
93
89
}
94
90
95
91
@include checkbox-variant (' .checkbox-primary' , $brand-primary );
@@ -186,10 +182,6 @@ $font-family-icon: 'FontAwesome' !default;
186
182
& .radio-inline {
187
183
margin-top : 0 ;
188
184
}
189
-
190
- & .radio-single label {
191
- height : 17px ;
192
- }
193
185
}
194
186
195
187
@include radio-variant (' .radio-primary' , $brand-primary );
Original file line number Diff line number Diff line change 2
2
padding-left : 20px ; }
3
3
.checkbox label {
4
4
display : inline-block;
5
+ vertical-align : middle;
5
6
position : relative;
6
7
padding-left : 5px ; }
7
8
.checkbox label ::before {
49
50
border-radius : 50% ; }
50
51
.checkbox .checkbox-inline {
51
52
margin-top : 0 ; }
52
- .checkbox .checkbox-single label {
53
- height : 17px ; }
54
53
55
54
.checkbox-primary input [type = "checkbox" ]: checked + label ::before {
56
55
background-color : # 428bca ;
86
85
padding-left : 20px ; }
87
86
.radio label {
88
87
display : inline-block;
88
+ vertical-align : middle;
89
89
position : relative;
90
90
padding-left : 5px ; }
91
91
.radio label ::before {
139
139
cursor : not-allowed; }
140
140
.radio .radio-inline {
141
141
margin-top : 0 ; }
142
- .radio .radio-single label {
143
- height : 17px ; }
144
142
145
143
.radio-primary input [type = "radio" ] + label ::after {
146
144
background-color : # 428bca ; }
Original file line number Diff line number Diff line change 3
3
}
4
4
.checkbox label {
5
5
display : inline-block;
6
+ vertical-align : middle;
6
7
position : relative;
7
8
padding-left : 5px ;
8
9
}
60
61
.checkbox .checkbox-inline {
61
62
margin-top : 0 ;
62
63
}
63
- .checkbox .checkbox-single label {
64
- height : 17px ;
65
- }
66
64
.checkbox-primary input [type = "checkbox" ]: checked + label ::before {
67
65
background-color : # 428bca ;
68
66
border-color : # 428bca ;
103
101
}
104
102
.radio label {
105
103
display : inline-block;
104
+ vertical-align : middle;
106
105
position : relative;
107
106
padding-left : 5px ;
108
107
}
165
164
.radio .radio-inline {
166
165
margin-top : 0 ;
167
166
}
168
- .radio .radio-single label {
169
- height : 17px ;
170
- }
171
167
.radio-primary input [type = "radio" ] + label ::after {
172
168
background-color : # 428bca ;
173
169
}
Original file line number Diff line number Diff line change @@ -56,12 +56,12 @@ <h2>Checkboxes</h2>
56
56
Check me out
57
57
</ label >
58
58
</ div >
59
- < p > Checkboxes without label text < code > .checkbox-single </ code > </ p >
60
- < div class ="checkbox checkbox-single ">
59
+ < p > Checkboxes without label text</ p >
60
+ < div class ="checkbox ">
61
61
< input type ="checkbox " id ="singleCheckbox1 " value ="option1 " aria-label ="Single checkbox One ">
62
62
< label > </ label >
63
63
</ div >
64
- < div class ="checkbox checkbox-primary checkbox-single ">
64
+ < div class ="checkbox checkbox-primary ">
65
65
< input type ="checkbox " id ="singleCheckbox2 " value ="option2 " checked aria-label ="Single checkbox Two ">
66
66
< label > </ label >
67
67
</ div >
@@ -173,12 +173,12 @@ <h2>Radios</h2>
173
173
</ div >
174
174
</ div >
175
175
</ div >
176
- < p > Radios without label text < code > .radio-single </ code > </ p >
177
- < div class ="radio radio-single ">
176
+ < p > Radios without label text</ p >
177
+ < div class ="radio ">
178
178
< input type ="radio " id ="singleRadio1 " value ="option1 " name ="radioSingle1 " aria-label ="Single radio One ">
179
179
< label > </ label >
180
180
</ div >
181
- < div class ="radio radio-success radio-single ">
181
+ < div class ="radio radio-success ">
182
182
< input type ="radio " id ="singleRadio2 " value ="option2 " name ="radioSingle1 " checked aria-label ="Single radio Two ">
183
183
< label > </ label >
184
184
</ div >
You can’t perform that action at this time.
0 commit comments