Skip to content

Commit 717f7bc

Browse files
DimaSavchenkoDimaSavchenko
committed
Change @include in scss file
1 parent 60e935a commit 717f7bc

File tree

3 files changed

+260
-371
lines changed

3 files changed

+260
-371
lines changed

‎awesome-bootstrap-checkbox.css‎

Lines changed: 86 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
1+
@charset "UTF-8";
12
.abc-checkbox {
2-
padding-left: 20px;
3-
}
3+
padding-left: 20px; }
44
.abc-checkbox label {
55
display: inline-block;
66
vertical-align: middle;
77
position: relative;
8-
padding-left: 5px;
9-
}
8+
padding-left: 5px; }
109
.abc-checkbox label::before {
1110
content: "";
1211
display: inline-block;
@@ -15,13 +14,9 @@
1514
height: 17px;
1615
left: 0;
1716
margin-left: -20px;
18-
border: 1px solid #cccccc;
17+
border: 1px solid #ccc;
1918
border-radius: 3px;
20-
background-color: #fff;
21-
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
22-
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
23-
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
24-
}
19+
background-color: #fff; }
2520
.abc-checkbox label::after {
2621
display: inline-block;
2722
position: absolute;
@@ -33,24 +28,20 @@
3328
padding-left: 3px;
3429
padding-top: 1px;
3530
font-size: 11px;
36-
color: #555555;
37-
}
31+
color: #55595c; }
3832
.abc-checkbox input[type="checkbox"],
3933
.abc-checkbox input[type="radio"] {
4034
opacity: 0;
41-
z-index: 1;
42-
}
35+
z-index: 1; }
4336
.abc-checkbox input[type="checkbox"]:focus + label::before,
4437
.abc-checkbox input[type="radio"]:focus + label::before {
4538
outline: thin dotted;
4639
outline: 5px auto -webkit-focus-ring-color;
47-
outline-offset: -2px;
48-
}
40+
outline-offset: -2px; }
4941
.abc-checkbox input[type="checkbox"]:checked + label::after,
5042
.abc-checkbox input[type="radio"]:checked + label::after {
5143
font-family: "FontAwesome";
52-
content: "\f00c";
53-
}
44+
content: ""; }
5445
.abc-checkbox input[type="checkbox"]:indeterminate + label::after,
5546
.abc-checkbox input[type="radio"]:indeterminate + label::after {
5647
display: block;
@@ -60,138 +51,116 @@
6051
background-color: #555555;
6152
border-radius: 2px;
6253
margin-left: -16.5px;
63-
margin-top: 7px;
64-
}
54+
margin-top: 7px; }
6555
.abc-checkbox input[type="checkbox"]:disabled + label,
6656
.abc-checkbox input[type="radio"]:disabled + label {
67-
opacity: 0.65;
68-
}
57+
opacity: 0.65; }
6958
.abc-checkbox input[type="checkbox"]:disabled + label::before,
7059
.abc-checkbox input[type="radio"]:disabled + label::before {
71-
background-color: #eeeeee;
72-
cursor: not-allowed;
73-
}
60+
background-color: #eceeef;
61+
cursor: not-allowed; }
7462
.abc-checkbox.abc-checkbox-circle label::before {
75-
border-radius: 50%;
76-
}
77-
.abc-checkbox.abc-checkbox-inline {
78-
margin-top: 0;
79-
}
63+
border-radius: 50%; }
64+
.abc-checkbox.checkbox-inline {
65+
margin-top: 0; }
8066

8167
.abc-checkbox-primary input[type="checkbox"]:checked + label::before,
8268
.abc-checkbox-primary input[type="radio"]:checked + label::before {
83-
background-color: #337ab7;
84-
border-color: #337ab7;
85-
}
69+
background-color: #0275d8;
70+
border-color: #0275d8; }
71+
8672
.abc-checkbox-primary input[type="checkbox"]:checked + label::after,
8773
.abc-checkbox-primary input[type="radio"]:checked + label::after {
88-
color: #fff;
89-
}
74+
color: #fff; }
9075

9176
.abc-checkbox-danger input[type="checkbox"]:checked + label::before,
9277
.abc-checkbox-danger input[type="radio"]:checked + label::before {
9378
background-color: #d9534f;
94-
border-color: #d9534f;
95-
}
79+
border-color: #d9534f; }
80+
9681
.abc-checkbox-danger input[type="checkbox"]:checked + label::after,
9782
.abc-checkbox-danger input[type="radio"]:checked + label::after {
98-
color: #fff;
99-
}
83+
color: #fff; }
10084

10185
.abc-checkbox-info input[type="checkbox"]:checked + label::before,
10286
.abc-checkbox-info input[type="radio"]:checked + label::before {
10387
background-color: #5bc0de;
104-
border-color: #5bc0de;
105-
}
88+
border-color: #5bc0de; }
89+
10690
.abc-checkbox-info input[type="checkbox"]:checked + label::after,
10791
.abc-checkbox-info input[type="radio"]:checked + label::after {
108-
color: #fff;
109-
}
92+
color: #fff; }
11093

11194
.abc-checkbox-warning input[type="checkbox"]:checked + label::before,
11295
.abc-checkbox-warning input[type="radio"]:checked + label::before {
11396
background-color: #f0ad4e;
114-
border-color: #f0ad4e;
115-
}
97+
border-color: #f0ad4e; }
98+
11699
.abc-checkbox-warning input[type="checkbox"]:checked + label::after,
117100
.abc-checkbox-warning input[type="radio"]:checked + label::after {
118-
color: #fff;
119-
}
101+
color: #fff; }
120102

121103
.abc-checkbox-success input[type="checkbox"]:checked + label::before,
122104
.abc-checkbox-success input[type="radio"]:checked + label::before {
123105
background-color: #5cb85c;
124-
border-color: #5cb85c;
125-
}
106+
border-color: #5cb85c; }
107+
126108
.abc-checkbox-success input[type="checkbox"]:checked + label::after,
127109
.abc-checkbox-success input[type="radio"]:checked + label::after {
128-
color: #fff;
129-
}
110+
color: #fff; }
130111

131112
.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::before,
132113
.abc-checkbox-primary input[type="radio"]:indeterminate + label::before {
133-
background-color: #337ab7;
134-
border-color: #337ab7;
135-
}
114+
background-color: #0275d8;
115+
border-color: #0275d8; }
136116

137117
.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::after,
138118
.abc-checkbox-primary input[type="radio"]:indeterminate + label::after {
139-
background-color: #fff;
140-
}
119+
background-color: #fff; }
141120

142121
.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::before,
143122
.abc-checkbox-danger input[type="radio"]:indeterminate + label::before {
144123
background-color: #d9534f;
145-
border-color: #d9534f;
146-
}
124+
border-color: #d9534f; }
147125

148126
.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::after,
149127
.abc-checkbox-danger input[type="radio"]:indeterminate + label::after {
150-
background-color: #fff;
151-
}
128+
background-color: #fff; }
152129

153130
.abc-checkbox-info input[type="checkbox"]:indeterminate + label::before,
154131
.abc-checkbox-info input[type="radio"]:indeterminate + label::before {
155132
background-color: #5bc0de;
156-
border-color: #5bc0de;
157-
}
133+
border-color: #5bc0de; }
158134

159135
.abc-checkbox-info input[type="checkbox"]:indeterminate + label::after,
160136
.abc-checkbox-info input[type="radio"]:indeterminate + label::after {
161-
background-color: #fff;
162-
}
137+
background-color: #fff; }
163138

164139
.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::before,
165140
.abc-checkbox-warning input[type="radio"]:indeterminate + label::before {
166141
background-color: #f0ad4e;
167-
border-color: #f0ad4e;
168-
}
142+
border-color: #f0ad4e; }
169143

170144
.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::after,
171145
.abc-checkbox-warning input[type="radio"]:indeterminate + label::after {
172-
background-color: #fff;
173-
}
146+
background-color: #fff; }
174147

175148
.abc-checkbox-success input[type="checkbox"]:indeterminate + label::before,
176149
.abc-checkbox-success input[type="radio"]:indeterminate + label::before {
177150
background-color: #5cb85c;
178-
border-color: #5cb85c;
179-
}
151+
border-color: #5cb85c; }
180152

181153
.abc-checkbox-success input[type="checkbox"]:indeterminate + label::after,
182154
.abc-checkbox-success input[type="radio"]:indeterminate + label::after {
183-
background-color: #fff;
184-
}
155+
background-color: #fff; }
185156

186157
.abc-radio {
187-
padding-left: 20px;
188-
}
158+
padding-left: 20px; }
189159
.abc-radio label {
190160
display: inline-block;
191161
vertical-align: middle;
192162
position: relative;
193-
padding-left: 5px;
194-
}
163+
padding-left: 5px; }
195164
.abc-radio label::before {
196165
content: "";
197166
display: inline-block;
@@ -200,13 +169,9 @@
200169
height: 17px;
201170
left: 0;
202171
margin-left: -20px;
203-
border: 1px solid #cccccc;
172+
border: 1px solid #ccc;
204173
border-radius: 50%;
205-
background-color: #fff;
206-
-webkit-transition: border 0.15s ease-in-out;
207-
-o-transition: border 0.15s ease-in-out;
208-
transition: border 0.15s ease-in-out;
209-
}
174+
background-color: #fff; }
210175
.abc-radio label::after {
211176
display: inline-block;
212177
position: absolute;
@@ -217,101 +182,79 @@
217182
top: 3px;
218183
margin-left: -20px;
219184
border-radius: 50%;
220-
background-color: #555555;
221-
-webkit-transform: scale(0, 0);
222-
-ms-transform: scale(0, 0);
223-
-o-transform: scale(0, 0);
185+
background-color: #55595c;
224186
transform: scale(0, 0);
225-
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
226-
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
227-
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
228-
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
229-
}
187+
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
230188
.abc-radio input[type="radio"] {
231189
opacity: 0;
232-
z-index: 1;
233-
}
190+
z-index: 1; }
234191
.abc-radio input[type="radio"]:focus + label::before {
235192
outline: thin dotted;
236193
outline: 5px auto -webkit-focus-ring-color;
237-
outline-offset: -2px;
238-
}
194+
outline-offset: -2px; }
239195
.abc-radio input[type="radio"]:checked + label::after {
240-
-webkit-transform: scale(1, 1);
241-
-ms-transform: scale(1, 1);
242-
-o-transform: scale(1, 1);
243-
transform: scale(1, 1);
244-
}
196+
transform: scale(1, 1); }
245197
.abc-radio input[type="radio"]:disabled + label {
246-
opacity: 0.65;
247-
}
198+
opacity: 0.65; }
248199
.abc-radio input[type="radio"]:disabled + label::before {
249-
cursor: not-allowed;
250-
}
200+
cursor: not-allowed; }
251201
.abc-radio.radio-inline {
252-
margin-top: 0;
253-
}
202+
margin-top: 0; }
254203

255204
.abc-radio-primary input[type="radio"] + label::after {
256-
background-color: #337ab7;
257-
}
205+
background-color: #0275d8; }
206+
258207
.abc-radio-primary input[type="radio"]:checked + label::before {
259-
border-color: #337ab7;
260-
}
208+
border-color: #0275d8; }
209+
261210
.abc-radio-primary input[type="radio"]:checked + label::after {
262-
background-color: #337ab7;
263-
}
211+
background-color: #0275d8; }
264212

265213
.abc-radio-danger input[type="radio"] + label::after {
266-
background-color: #d9534f;
267-
}
214+
background-color: #d9534f; }
215+
268216
.abc-radio-danger input[type="radio"]:checked + label::before {
269-
border-color: #d9534f;
270-
}
217+
border-color: #d9534f; }
218+
271219
.abc-radio-danger input[type="radio"]:checked + label::after {
272-
background-color: #d9534f;
273-
}
220+
background-color: #d9534f; }
274221

275222
.abc-radio-info input[type="radio"] + label::after {
276-
background-color: #5bc0de;
277-
}
223+
background-color: #5bc0de; }
224+
278225
.abc-radio-info input[type="radio"]:checked + label::before {
279-
border-color: #5bc0de;
280-
}
226+
border-color: #5bc0de; }
227+
281228
.abc-radio-info input[type="radio"]:checked + label::after {
282-
background-color: #5bc0de;
283-
}
229+
background-color: #5bc0de; }
284230

285231
.abc-radio-warning input[type="radio"] + label::after {
286-
background-color: #f0ad4e;
287-
}
232+
background-color: #f0ad4e; }
233+
288234
.abc-radio-warning input[type="radio"]:checked + label::before {
289-
border-color: #f0ad4e;
290-
}
235+
border-color: #f0ad4e; }
236+
291237
.abc-radio-warning input[type="radio"]:checked + label::after {
292-
background-color: #f0ad4e;
293-
}
238+
background-color: #f0ad4e; }
294239

295240
.abc-radio-success input[type="radio"] + label::after {
296-
background-color: #5cb85c;
297-
}
241+
background-color: #5cb85c; }
242+
298243
.abc-radio-success input[type="radio"]:checked + label::before {
299-
border-color: #5cb85c;
300-
}
244+
border-color: #5cb85c; }
245+
301246
.abc-radio-success input[type="radio"]:checked + label::after {
302-
background-color: #5cb85c;
303-
}
247+
background-color: #5cb85c; }
304248

305249
input[type="checkbox"].styled:checked + label:after,
306250
input[type="radio"].styled:checked + label:after {
307-
font-family: 'FontAwesome';
308-
content: "\f00c";
309-
}
251+
font-family: "FontAwesome";
252+
content: ""; }
253+
310254
input[type="checkbox"] .styled:checked + label::before,
311255
input[type="radio"] .styled:checked + label::before {
312-
color: #fff;
313-
}
256+
color: #fff; }
257+
314258
input[type="checkbox"] .styled:checked + label::after,
315259
input[type="radio"] .styled:checked + label::after {
316-
color: #fff;
317-
}
260+
color: #fff; }

0 commit comments

Comments
 (0)