Skip to content

Commit e50f726

Browse files
committed
add quotes for attribute selectors. opera fix attempt
1 parent 2dd57ec commit e50f726

File tree

3 files changed

+70
-70
lines changed

3 files changed

+70
-70
lines changed

awesome-bootstrap-checkbox.css

+33-33
Original file line numberDiff line numberDiff line change
@@ -28,47 +28,47 @@
2828
padding-top: 1px;
2929
font-size: 11px;
3030
color: #555555; }
31-
.checkbox input[type=checkbox] {
31+
.checkbox input[type="checkbox"] {
3232
display: none; }
33-
.checkbox input[type=checkbox]:checked + label::after {
33+
.checkbox input[type="checkbox"]:checked + label::after {
3434
font-family: 'FontAwesome';
3535
content: "\f00c"; }
36-
.checkbox input[type=checkbox]:disabled + label {
36+
.checkbox input[type="checkbox"]:disabled + label {
3737
opacity: 0.65; }
38-
.checkbox input[type=checkbox]:disabled + label::before {
38+
.checkbox input[type="checkbox"]:disabled + label::before {
3939
background-color: #eeeeee;
4040
cursor: not-allowed; }
4141
.checkbox.checkbox-circle label::before {
4242
border-radius: 50%; }
4343

44-
.checkbox-primary input[type=checkbox]:checked + label::before {
44+
.checkbox-primary input[type="checkbox"]:checked + label::before {
4545
background-color: #428bca;
4646
border-color: #428bca; }
47-
.checkbox-primary input[type=checkbox]:checked + label::after {
47+
.checkbox-primary input[type="checkbox"]:checked + label::after {
4848
color: #fff; }
4949

50-
.checkbox-danger input[type=checkbox]:checked + label::before {
50+
.checkbox-danger input[type="checkbox"]:checked + label::before {
5151
background-color: #d9534f;
5252
border-color: #d9534f; }
53-
.checkbox-danger input[type=checkbox]:checked + label::after {
53+
.checkbox-danger input[type="checkbox"]:checked + label::after {
5454
color: #fff; }
5555

56-
.checkbox-info input[type=checkbox]:checked + label::before {
56+
.checkbox-info input[type="checkbox"]:checked + label::before {
5757
background-color: #5bc0de;
5858
border-color: #5bc0de; }
59-
.checkbox-info input[type=checkbox]:checked + label::after {
59+
.checkbox-info input[type="checkbox"]:checked + label::after {
6060
color: #fff; }
6161

62-
.checkbox-warning input[type=checkbox]:checked + label::before {
62+
.checkbox-warning input[type="checkbox"]:checked + label::before {
6363
background-color: #f0ad4e;
6464
border-color: #f0ad4e; }
65-
.checkbox-warning input[type=checkbox]:checked + label::after {
65+
.checkbox-warning input[type="checkbox"]:checked + label::after {
6666
color: #fff; }
6767

68-
.checkbox-success input[type=checkbox]:checked + label::before {
68+
.checkbox-success input[type="checkbox"]:checked + label::before {
6969
background-color: #5cb85c;
7070
border-color: #5cb85c; }
71-
.checkbox-success input[type=checkbox]:checked + label::after {
71+
.checkbox-success input[type="checkbox"]:checked + label::after {
7272
color: #fff; }
7373

7474
.radio label {
@@ -108,49 +108,49 @@
108108
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
109109
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
110110
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
111-
.radio input[type=radio] {
111+
.radio input[type="radio"] {
112112
display: none; }
113-
.radio input[type=radio]:checked + label::after {
113+
.radio input[type="radio"]:checked + label::after {
114114
-webkit-transform: scale(1, 1);
115115
-ms-transform: scale(1, 1);
116116
-o-transform: scale(1, 1);
117117
transform: scale(1, 1); }
118-
.radio input[type=radio]:disabled + label {
118+
.radio input[type="radio"]:disabled + label {
119119
opacity: 0.65; }
120-
.radio input[type=radio]:disabled + label::before {
120+
.radio input[type="radio"]:disabled + label::before {
121121
cursor: not-allowed; }
122122

123-
.radio-primary input[type=radio] + label::after {
123+
.radio-primary input[type="radio"] + label::after {
124124
background-color: #428bca; }
125-
.radio-primary input[type=radio]:checked + label::before {
125+
.radio-primary input[type="radio"]:checked + label::before {
126126
border-color: #428bca; }
127-
.radio-primary input[type=radio]:checked + label::after {
127+
.radio-primary input[type="radio"]:checked + label::after {
128128
background-color: #428bca; }
129129

130-
.radio-danger input[type=radio] + label::after {
130+
.radio-danger input[type="radio"] + label::after {
131131
background-color: #d9534f; }
132-
.radio-danger input[type=radio]:checked + label::before {
132+
.radio-danger input[type="radio"]:checked + label::before {
133133
border-color: #d9534f; }
134-
.radio-danger input[type=radio]:checked + label::after {
134+
.radio-danger input[type="radio"]:checked + label::after {
135135
background-color: #d9534f; }
136136

137-
.radio-info input[type=radio] + label::after {
137+
.radio-info input[type="radio"] + label::after {
138138
background-color: #5bc0de; }
139-
.radio-info input[type=radio]:checked + label::before {
139+
.radio-info input[type="radio"]:checked + label::before {
140140
border-color: #5bc0de; }
141-
.radio-info input[type=radio]:checked + label::after {
141+
.radio-info input[type="radio"]:checked + label::after {
142142
background-color: #5bc0de; }
143143

144-
.radio-warning input[type=radio] + label::after {
144+
.radio-warning input[type="radio"] + label::after {
145145
background-color: #f0ad4e; }
146-
.radio-warning input[type=radio]:checked + label::before {
146+
.radio-warning input[type="radio"]:checked + label::before {
147147
border-color: #f0ad4e; }
148-
.radio-warning input[type=radio]:checked + label::after {
148+
.radio-warning input[type="radio"]:checked + label::after {
149149
background-color: #f0ad4e; }
150150

151-
.radio-success input[type=radio] + label::after {
151+
.radio-success input[type="radio"] + label::after {
152152
background-color: #5cb85c; }
153-
.radio-success input[type=radio]:checked + label::before {
153+
.radio-success input[type="radio"]:checked + label::before {
154154
border-color: #5cb85c; }
155-
.radio-success input[type=radio]:checked + label::after {
155+
.radio-success input[type="radio"]:checked + label::after {
156156
background-color: #5cb85c; }

awesome-bootstrap-checkbox.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// --------------------------------------------------
44

55
@mixin checkbox-variant($parent, $color) {
6-
#{$parent} input[type=checkbox]:checked + label{
6+
#{$parent} input[type="checkbox"]:checked + label{
77
&::before {
88
background-color: $color;
99
border-color: $color;
@@ -51,7 +51,7 @@
5151
}
5252
}
5353

54-
input[type=checkbox]{
54+
input[type="checkbox"]{
5555
display: none;
5656

5757
&:checked + label::after{
@@ -86,7 +86,7 @@
8686
// --------------------------------------------------
8787

8888
@mixin radio-variant($parent, $color) {
89-
#{$parent} input[type=radio]{
89+
#{$parent} input[type="radio"]{
9090
& + label{
9191
&::after{
9292
background-color: $color;
@@ -142,7 +142,7 @@
142142
}
143143
}
144144

145-
input[type=radio]{
145+
input[type="radio"]{
146146
display: none;
147147

148148
&:checked + label::after{

demo/build.css

+33-33
Original file line numberDiff line numberDiff line change
@@ -28,47 +28,47 @@
2828
padding-top: 1px;
2929
font-size: 11px;
3030
color: #555555; }
31-
.checkbox input[type=checkbox] {
31+
.checkbox input[type="checkbox"] {
3232
display: none; }
33-
.checkbox input[type=checkbox]:checked + label::after {
33+
.checkbox input[type="checkbox"]:checked + label::after {
3434
font-family: 'FontAwesome';
3535
content: "\f00c"; }
36-
.checkbox input[type=checkbox]:disabled + label {
36+
.checkbox input[type="checkbox"]:disabled + label {
3737
opacity: 0.65; }
38-
.checkbox input[type=checkbox]:disabled + label::before {
38+
.checkbox input[type="checkbox"]:disabled + label::before {
3939
background-color: #eeeeee;
4040
cursor: not-allowed; }
4141
.checkbox.checkbox-circle label::before {
4242
border-radius: 50%; }
4343

44-
.checkbox-primary input[type=checkbox]:checked + label::before {
44+
.checkbox-primary input[type="checkbox"]:checked + label::before {
4545
background-color: #428bca;
4646
border-color: #428bca; }
47-
.checkbox-primary input[type=checkbox]:checked + label::after {
47+
.checkbox-primary input[type="checkbox"]:checked + label::after {
4848
color: #fff; }
4949

50-
.checkbox-danger input[type=checkbox]:checked + label::before {
50+
.checkbox-danger input[type="checkbox"]:checked + label::before {
5151
background-color: #d9534f;
5252
border-color: #d9534f; }
53-
.checkbox-danger input[type=checkbox]:checked + label::after {
53+
.checkbox-danger input[type="checkbox"]:checked + label::after {
5454
color: #fff; }
5555

56-
.checkbox-info input[type=checkbox]:checked + label::before {
56+
.checkbox-info input[type="checkbox"]:checked + label::before {
5757
background-color: #5bc0de;
5858
border-color: #5bc0de; }
59-
.checkbox-info input[type=checkbox]:checked + label::after {
59+
.checkbox-info input[type="checkbox"]:checked + label::after {
6060
color: #fff; }
6161

62-
.checkbox-warning input[type=checkbox]:checked + label::before {
62+
.checkbox-warning input[type="checkbox"]:checked + label::before {
6363
background-color: #f0ad4e;
6464
border-color: #f0ad4e; }
65-
.checkbox-warning input[type=checkbox]:checked + label::after {
65+
.checkbox-warning input[type="checkbox"]:checked + label::after {
6666
color: #fff; }
6767

68-
.checkbox-success input[type=checkbox]:checked + label::before {
68+
.checkbox-success input[type="checkbox"]:checked + label::before {
6969
background-color: #5cb85c;
7070
border-color: #5cb85c; }
71-
.checkbox-success input[type=checkbox]:checked + label::after {
71+
.checkbox-success input[type="checkbox"]:checked + label::after {
7272
color: #fff; }
7373

7474
.radio label {
@@ -108,49 +108,49 @@
108108
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
109109
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
110110
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
111-
.radio input[type=radio] {
111+
.radio input[type="radio"] {
112112
display: none; }
113-
.radio input[type=radio]:checked + label::after {
113+
.radio input[type="radio"]:checked + label::after {
114114
-webkit-transform: scale(1, 1);
115115
-ms-transform: scale(1, 1);
116116
-o-transform: scale(1, 1);
117117
transform: scale(1, 1); }
118-
.radio input[type=radio]:disabled + label {
118+
.radio input[type="radio"]:disabled + label {
119119
opacity: 0.65; }
120-
.radio input[type=radio]:disabled + label::before {
120+
.radio input[type="radio"]:disabled + label::before {
121121
cursor: not-allowed; }
122122

123-
.radio-primary input[type=radio] + label::after {
123+
.radio-primary input[type="radio"] + label::after {
124124
background-color: #428bca; }
125-
.radio-primary input[type=radio]:checked + label::before {
125+
.radio-primary input[type="radio"]:checked + label::before {
126126
border-color: #428bca; }
127-
.radio-primary input[type=radio]:checked + label::after {
127+
.radio-primary input[type="radio"]:checked + label::after {
128128
background-color: #428bca; }
129129

130-
.radio-danger input[type=radio] + label::after {
130+
.radio-danger input[type="radio"] + label::after {
131131
background-color: #d9534f; }
132-
.radio-danger input[type=radio]:checked + label::before {
132+
.radio-danger input[type="radio"]:checked + label::before {
133133
border-color: #d9534f; }
134-
.radio-danger input[type=radio]:checked + label::after {
134+
.radio-danger input[type="radio"]:checked + label::after {
135135
background-color: #d9534f; }
136136

137-
.radio-info input[type=radio] + label::after {
137+
.radio-info input[type="radio"] + label::after {
138138
background-color: #5bc0de; }
139-
.radio-info input[type=radio]:checked + label::before {
139+
.radio-info input[type="radio"]:checked + label::before {
140140
border-color: #5bc0de; }
141-
.radio-info input[type=radio]:checked + label::after {
141+
.radio-info input[type="radio"]:checked + label::after {
142142
background-color: #5bc0de; }
143143

144-
.radio-warning input[type=radio] + label::after {
144+
.radio-warning input[type="radio"] + label::after {
145145
background-color: #f0ad4e; }
146-
.radio-warning input[type=radio]:checked + label::before {
146+
.radio-warning input[type="radio"]:checked + label::before {
147147
border-color: #f0ad4e; }
148-
.radio-warning input[type=radio]:checked + label::after {
148+
.radio-warning input[type="radio"]:checked + label::after {
149149
background-color: #f0ad4e; }
150150

151-
.radio-success input[type=radio] + label::after {
151+
.radio-success input[type="radio"] + label::after {
152152
background-color: #5cb85c; }
153-
.radio-success input[type=radio]:checked + label::before {
153+
.radio-success input[type="radio"]:checked + label::before {
154154
border-color: #5cb85c; }
155-
.radio-success input[type=radio]:checked + label::after {
155+
.radio-success input[type="radio"]:checked + label::after {
156156
background-color: #5cb85c; }

0 commit comments

Comments
 (0)