benivo-ui-library 1.7.15 → 1.7.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/checkbox.less +11 -29
- package/index.js +1 -1
- package/package.json +2 -2
- package/select.less +3 -2
- package/variables.less +1 -0
package/checkbox.less
CHANGED
|
@@ -58,12 +58,12 @@
|
|
|
58
58
|
|
|
59
59
|
input {
|
|
60
60
|
&:checked {
|
|
61
|
-
|
|
61
|
+
& + label:before {
|
|
62
62
|
background-color: @form-placeholder-color;
|
|
63
63
|
border-color: @form-placeholder-color;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
& + label:after {
|
|
67
67
|
color: #ffffff;
|
|
68
68
|
}
|
|
69
69
|
}
|
|
@@ -72,9 +72,10 @@
|
|
|
72
72
|
|
|
73
73
|
&.checkbox-loading-state {
|
|
74
74
|
pointer-events: none;
|
|
75
|
+
|
|
75
76
|
input {
|
|
76
77
|
&:checked {
|
|
77
|
-
|
|
78
|
+
& + label:before {
|
|
78
79
|
background-color: #ffffff;
|
|
79
80
|
border-color: @form-border-color;
|
|
80
81
|
}
|
|
@@ -86,12 +87,12 @@
|
|
|
86
87
|
display: none;
|
|
87
88
|
|
|
88
89
|
&:checked {
|
|
89
|
-
|
|
90
|
+
& + label:before {
|
|
90
91
|
background-color: @form-checkbox-active-color;
|
|
91
92
|
border-color: @form-checkbox-active-color;
|
|
92
93
|
}
|
|
93
94
|
|
|
94
|
-
|
|
95
|
+
& + label:after {
|
|
95
96
|
display: inline-block;
|
|
96
97
|
position: absolute;
|
|
97
98
|
left: 0.25rem;
|
|
@@ -104,30 +105,12 @@
|
|
|
104
105
|
}
|
|
105
106
|
|
|
106
107
|
&:hover:not(:checked):not(:disabled) {
|
|
107
|
-
|
|
108
|
+
& + label:before {
|
|
108
109
|
border-color: @form-checkbox-active-color;
|
|
109
110
|
}
|
|
110
111
|
}
|
|
111
112
|
}
|
|
112
113
|
|
|
113
|
-
label:hover {
|
|
114
|
-
&:before {
|
|
115
|
-
background-color: @form-checkbox-active-color;
|
|
116
|
-
border-color: @form-checkbox-active-color;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
&:after {
|
|
120
|
-
display: inline-block;
|
|
121
|
-
position: absolute;
|
|
122
|
-
left: ~"calc(@{gatter} + .25rem)";
|
|
123
|
-
top: 0.4rem;
|
|
124
|
-
content: '\e91a';
|
|
125
|
-
font-family: 'icomoon';
|
|
126
|
-
font-size: 0.5rem;
|
|
127
|
-
color: #ffffff;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
|
|
131
114
|
label:before {
|
|
132
115
|
content: "";
|
|
133
116
|
position: absolute;
|
|
@@ -148,7 +131,6 @@
|
|
|
148
131
|
outline: 1px auto Highlight;
|
|
149
132
|
outline: 1px auto -webkit-focus-ring-color;
|
|
150
133
|
}
|
|
151
|
-
|
|
152
134
|
// Validation
|
|
153
135
|
input {
|
|
154
136
|
&.field-invalid {
|
|
@@ -234,19 +216,19 @@
|
|
|
234
216
|
}
|
|
235
217
|
}
|
|
236
218
|
|
|
237
|
-
input:checked
|
|
219
|
+
input:checked + .on-off-slide {
|
|
238
220
|
background-color: @primary-color;
|
|
239
221
|
}
|
|
240
222
|
|
|
241
|
-
input:focus
|
|
223
|
+
input:focus + .on-off-slide {
|
|
242
224
|
.box-shadow(0 0 1px @primary-color);
|
|
243
225
|
}
|
|
244
226
|
|
|
245
|
-
input:checked
|
|
227
|
+
input:checked + .on-off-slide:before {
|
|
246
228
|
.transform(translateX(16px));
|
|
247
229
|
}
|
|
248
230
|
|
|
249
|
-
input:checked+label:after {
|
|
231
|
+
input:checked + label:after {
|
|
250
232
|
content: none;
|
|
251
233
|
}
|
|
252
234
|
|