benivo-ui-library 1.8.74 → 1.8.76
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 +33 -24
- package/index.js +1 -1
- package/package.json +122 -122
- package/sidebarMenu.less +1 -0
- package/tmpnodejsnpm-cache/_logs/2025-01-24T13_57_41_905Z-debug-0.log +0 -34
- package/tmpnodejsnpm-cache/_logs/2025-01-24T13_57_42_314Z-debug-0.log +0 -13
- package/tmpnodejsnpm-cache/_update-notifier-last-checked +0 -0
package/checkbox.less
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
input {
|
|
48
48
|
&:checked {
|
|
49
|
-
|
|
49
|
+
&+label:after {
|
|
50
50
|
content: '';
|
|
51
51
|
top: 2px;
|
|
52
52
|
left: 18px;
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
|
|
61
61
|
input {
|
|
62
62
|
&:checked {
|
|
63
|
-
|
|
63
|
+
&+label:before {
|
|
64
64
|
background-color: @form-placeholder-color;
|
|
65
65
|
border-color: @form-placeholder-color;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
&+label:after {
|
|
69
69
|
color: #ffffff;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
|
|
78
78
|
input {
|
|
79
79
|
&:checked {
|
|
80
|
-
|
|
80
|
+
&+label:before {
|
|
81
81
|
background-color: #ffffff;
|
|
82
82
|
border-color: @form-border-color;
|
|
83
83
|
}
|
|
@@ -89,12 +89,12 @@
|
|
|
89
89
|
display: none;
|
|
90
90
|
|
|
91
91
|
&:checked {
|
|
92
|
-
|
|
92
|
+
&+label:before {
|
|
93
93
|
background-color: @form-checkbox-active-color;
|
|
94
94
|
border-color: @form-checkbox-active-color;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
&+label:after {
|
|
98
98
|
display: inline-block;
|
|
99
99
|
position: absolute;
|
|
100
100
|
left: 0.25rem;
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
&:hover:not(:checked):not(:disabled) {
|
|
110
|
-
|
|
110
|
+
&+label:before {
|
|
111
111
|
border-color: @form-checkbox-active-color;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
@@ -133,14 +133,15 @@
|
|
|
133
133
|
outline: 1px auto Highlight;
|
|
134
134
|
outline: 1px auto -webkit-focus-ring-color;
|
|
135
135
|
}
|
|
136
|
+
|
|
136
137
|
// Validation
|
|
137
138
|
input {
|
|
138
139
|
&.field-invalid {
|
|
139
|
-
|
|
140
|
+
&+label:before {
|
|
140
141
|
border-color: @error-color;
|
|
141
142
|
}
|
|
142
143
|
|
|
143
|
-
|
|
144
|
+
&+label {
|
|
144
145
|
color: @error-color;
|
|
145
146
|
}
|
|
146
147
|
}
|
|
@@ -166,7 +167,7 @@
|
|
|
166
167
|
|
|
167
168
|
input {
|
|
168
169
|
&:checked {
|
|
169
|
-
|
|
170
|
+
&+label:after {
|
|
170
171
|
left: inherit;
|
|
171
172
|
right: 0.25rem;
|
|
172
173
|
}
|
|
@@ -174,6 +175,13 @@
|
|
|
174
175
|
}
|
|
175
176
|
}
|
|
176
177
|
|
|
178
|
+
.form-check-label {
|
|
179
|
+
.icon-info-circle-light {
|
|
180
|
+
margin-left: 0.5rem;
|
|
181
|
+
vertical-align: middle;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
177
185
|
&.on-off {
|
|
178
186
|
padding-left: 40px;
|
|
179
187
|
|
|
@@ -219,7 +227,7 @@
|
|
|
219
227
|
}
|
|
220
228
|
}
|
|
221
229
|
|
|
222
|
-
input:not(:checked):hover
|
|
230
|
+
input:not(:checked):hover+label.on-off-slide {
|
|
223
231
|
border-color: @primary-color;
|
|
224
232
|
|
|
225
233
|
&:before {
|
|
@@ -227,28 +235,29 @@
|
|
|
227
235
|
}
|
|
228
236
|
}
|
|
229
237
|
|
|
230
|
-
input:checked
|
|
238
|
+
input:checked+.on-off-slide {
|
|
231
239
|
background-color: @primary-color;
|
|
232
240
|
border-color: @primary-color;
|
|
233
241
|
|
|
234
|
-
&.not-allowed{
|
|
242
|
+
&.not-allowed {
|
|
235
243
|
background-color: lighten(@primary-color, 20%);
|
|
236
244
|
border-color: lighten(@primary-color, 20%);
|
|
237
|
-
|
|
245
|
+
|
|
246
|
+
&::before {
|
|
238
247
|
border-color: lighten(@primary-color, 20%);
|
|
239
248
|
}
|
|
240
249
|
}
|
|
241
250
|
}
|
|
242
251
|
|
|
243
|
-
input:focus
|
|
252
|
+
input:focus+.on-off-slide {
|
|
244
253
|
.box-shadow(0 0 1px @primary-color);
|
|
245
254
|
}
|
|
246
255
|
|
|
247
|
-
input:checked
|
|
256
|
+
input:checked+.on-off-slide:before {
|
|
248
257
|
.transform(translateX(15px));
|
|
249
258
|
}
|
|
250
259
|
|
|
251
|
-
input:checked
|
|
260
|
+
input:checked+label:after {
|
|
252
261
|
content: none;
|
|
253
262
|
}
|
|
254
263
|
|
|
@@ -260,7 +269,7 @@
|
|
|
260
269
|
|
|
261
270
|
.form-row {
|
|
262
271
|
.form-check {
|
|
263
|
-
padding-left
|
|
272
|
+
padding-left:~"calc(@{gatter} + 1.75rem)";
|
|
264
273
|
|
|
265
274
|
label:before {
|
|
266
275
|
left: @gatter;
|
|
@@ -268,15 +277,15 @@
|
|
|
268
277
|
|
|
269
278
|
input {
|
|
270
279
|
&:checked {
|
|
271
|
-
|
|
272
|
-
left
|
|
280
|
+
&+label:after {
|
|
281
|
+
left:~"calc(@{gatter} + .25rem)";
|
|
273
282
|
}
|
|
274
283
|
}
|
|
275
284
|
}
|
|
276
285
|
|
|
277
286
|
&.right-side {
|
|
278
287
|
padding-left: 0;
|
|
279
|
-
padding-right
|
|
288
|
+
padding-right:~"calc(@{gatter} + 1.75rem)";
|
|
280
289
|
|
|
281
290
|
label:before {
|
|
282
291
|
left: initial;
|
|
@@ -285,12 +294,12 @@
|
|
|
285
294
|
|
|
286
295
|
input {
|
|
287
296
|
&:checked {
|
|
288
|
-
|
|
297
|
+
&+label:after {
|
|
289
298
|
left: initial;
|
|
290
|
-
right
|
|
299
|
+
right:~"calc(@{gatter} + .25rem)";
|
|
291
300
|
}
|
|
292
301
|
}
|
|
293
302
|
}
|
|
294
303
|
}
|
|
295
304
|
}
|
|
296
|
-
}
|
|
305
|
+
}
|