benivo-ui-library 1.8.97 → 1.8.98
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/button.less +2 -1
- package/checkbox.less +23 -7
- package/dropdownButton.less +3 -3
- package/index.js +1 -1
- package/package.json +5 -3
- package/splashScreen.less +0 -1
package/button.less
CHANGED
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
|
|
198
198
|
.btn-icon {
|
|
199
199
|
font-size: 1rem;
|
|
200
|
-
margin: -0.5rem 0 -0.5rem 0
|
|
200
|
+
margin: -0.5rem 0 -0.5rem 0;
|
|
201
201
|
|
|
202
202
|
&.mirror {
|
|
203
203
|
.transform(scaleX(-1));
|
|
@@ -219,6 +219,7 @@
|
|
|
219
219
|
|
|
220
220
|
.btn-icon {
|
|
221
221
|
display: block;
|
|
222
|
+
flex-shrink: 0;
|
|
222
223
|
width: 40px;
|
|
223
224
|
height: 40px;
|
|
224
225
|
.border-radius(@btn-brd-radius 0 0 @btn-brd-radius);
|
package/checkbox.less
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
position: relative;
|
|
6
6
|
font-size: 1rem;
|
|
7
7
|
padding-left: 1.75rem;
|
|
8
|
-
margin-bottom: @spacer;
|
|
9
8
|
min-height: 1.5rem;
|
|
10
9
|
min-width: 1rem;
|
|
11
10
|
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
width: 36px;
|
|
19
18
|
.border-radius(100px);
|
|
20
19
|
background-color: var(--bg-50);
|
|
21
|
-
border: 1px solid var(--
|
|
20
|
+
border: 1px solid var(--grey-300);
|
|
22
21
|
top: 0;
|
|
23
22
|
transition: .4s;
|
|
24
23
|
}
|
|
@@ -61,8 +60,8 @@
|
|
|
61
60
|
input {
|
|
62
61
|
&:checked {
|
|
63
62
|
&+label:before {
|
|
64
|
-
background-color: var(--
|
|
65
|
-
border-color: var(--
|
|
63
|
+
background-color: var(--grey-300);
|
|
64
|
+
border-color: var(--grey-300);
|
|
66
65
|
}
|
|
67
66
|
|
|
68
67
|
&+label:after {
|
|
@@ -79,14 +78,21 @@
|
|
|
79
78
|
&:checked {
|
|
80
79
|
&+label:before {
|
|
81
80
|
background-color: var(--white);
|
|
82
|
-
border-color: var(--
|
|
81
|
+
border-color: var(--grey-300);
|
|
83
82
|
}
|
|
84
83
|
}
|
|
85
84
|
}
|
|
86
85
|
}
|
|
87
86
|
|
|
88
87
|
input {
|
|
89
|
-
|
|
88
|
+
position: absolute;
|
|
89
|
+
opacity: 0;
|
|
90
|
+
width: 1rem;
|
|
91
|
+
height: 1rem;
|
|
92
|
+
margin: 0;
|
|
93
|
+
z-index: 1;
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
|
|
90
96
|
|
|
91
97
|
&:checked {
|
|
92
98
|
&+label:before {
|
|
@@ -120,7 +126,7 @@
|
|
|
120
126
|
top: 0.25rem;
|
|
121
127
|
height: 1rem;
|
|
122
128
|
width: 1rem;
|
|
123
|
-
border: 1px solid var(--
|
|
129
|
+
border: 1px solid var(--grey-300);
|
|
124
130
|
margin-right: .25px;
|
|
125
131
|
color: var(--white);
|
|
126
132
|
display: flex;
|
|
@@ -134,6 +140,16 @@
|
|
|
134
140
|
outline: 1px auto -webkit-focus-ring-color;
|
|
135
141
|
}
|
|
136
142
|
|
|
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
|
+
|
|
137
153
|
// Validation
|
|
138
154
|
input {
|
|
139
155
|
&.field-invalid {
|
package/dropdownButton.less
CHANGED
|
@@ -68,15 +68,15 @@
|
|
|
68
68
|
height: 100%;
|
|
69
69
|
width: 1px;
|
|
70
70
|
background: var(--white);
|
|
71
|
-
left:
|
|
71
|
+
left: 40px;
|
|
72
72
|
top: 0;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
&.btn-with-icon
|
|
75
|
+
&.btn-with-icon,
|
|
76
|
+
&.btn-with-icon-place {
|
|
76
77
|
.btn-icon {
|
|
77
78
|
border-right: 0;
|
|
78
79
|
font-size: 0.625rem;
|
|
79
|
-
margin: -0.5rem 0.7rem -0.5rem 0.7rem;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.btn-text {
|