benivo-ui-library 1.8.98 → 1.8.99
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 +7 -23
- package/index.js +1 -1
- package/package.json +1 -1
package/checkbox.less
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
position: relative;
|
|
6
6
|
font-size: 1rem;
|
|
7
7
|
padding-left: 1.75rem;
|
|
8
|
+
margin-bottom: @spacer;
|
|
8
9
|
min-height: 1.5rem;
|
|
9
10
|
min-width: 1rem;
|
|
10
11
|
|
|
@@ -17,7 +18,7 @@
|
|
|
17
18
|
width: 36px;
|
|
18
19
|
.border-radius(100px);
|
|
19
20
|
background-color: var(--bg-50);
|
|
20
|
-
border: 1px solid var(--
|
|
21
|
+
border: 1px solid var(--border-200);
|
|
21
22
|
top: 0;
|
|
22
23
|
transition: .4s;
|
|
23
24
|
}
|
|
@@ -60,8 +61,8 @@
|
|
|
60
61
|
input {
|
|
61
62
|
&:checked {
|
|
62
63
|
&+label:before {
|
|
63
|
-
background-color: var(--
|
|
64
|
-
border-color: var(--
|
|
64
|
+
background-color: var(--text-300);
|
|
65
|
+
border-color: var(--text-300);
|
|
65
66
|
}
|
|
66
67
|
|
|
67
68
|
&+label:after {
|
|
@@ -78,21 +79,14 @@
|
|
|
78
79
|
&:checked {
|
|
79
80
|
&+label:before {
|
|
80
81
|
background-color: var(--white);
|
|
81
|
-
border-color: var(--
|
|
82
|
+
border-color: var(--border-200);
|
|
82
83
|
}
|
|
83
84
|
}
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
|
|
87
88
|
input {
|
|
88
|
-
|
|
89
|
-
opacity: 0;
|
|
90
|
-
width: 1rem;
|
|
91
|
-
height: 1rem;
|
|
92
|
-
margin: 0;
|
|
93
|
-
z-index: 1;
|
|
94
|
-
cursor: pointer;
|
|
95
|
-
|
|
89
|
+
display: none;
|
|
96
90
|
|
|
97
91
|
&:checked {
|
|
98
92
|
&+label:before {
|
|
@@ -126,7 +120,7 @@
|
|
|
126
120
|
top: 0.25rem;
|
|
127
121
|
height: 1rem;
|
|
128
122
|
width: 1rem;
|
|
129
|
-
border: 1px solid var(--
|
|
123
|
+
border: 1px solid var(--border-200);
|
|
130
124
|
margin-right: .25px;
|
|
131
125
|
color: var(--white);
|
|
132
126
|
display: flex;
|
|
@@ -140,16 +134,6 @@
|
|
|
140
134
|
outline: 1px auto -webkit-focus-ring-color;
|
|
141
135
|
}
|
|
142
136
|
|
|
143
|
-
input:focus-visible+label:before {
|
|
144
|
-
outline: 2px solid var(--primary);
|
|
145
|
-
outline-offset: 2px;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.on-off-slide:focus-visible {
|
|
149
|
-
outline: 2px solid var(--primary);
|
|
150
|
-
outline-offset: 2px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
137
|
// Validation
|
|
154
138
|
input {
|
|
155
139
|
&.field-invalid {
|