@neatui/css 2.0.0 → 2.0.1
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/components/btns/btns@a.scss +16 -8
- package/core/theme.scss +1 -3
- package/package.json +1 -1
|
@@ -54,7 +54,8 @@ body [ui-btn~='@a'] {
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
// 移入状态
|
|
57
|
-
&:hover
|
|
57
|
+
&:hover,
|
|
58
|
+
&.active {
|
|
58
59
|
box-shadow:
|
|
59
60
|
inset 0 0 0 1px var(--co-line),
|
|
60
61
|
inset 0 0 0 100em var(--co-text-xs);
|
|
@@ -173,7 +174,8 @@ body [ui-btn~='@a'] {
|
|
|
173
174
|
}
|
|
174
175
|
box-shadow: inset 0 0 0 1px transparent;
|
|
175
176
|
|
|
176
|
-
&:hover
|
|
177
|
+
&:hover,
|
|
178
|
+
&.active {
|
|
177
179
|
box-shadow:
|
|
178
180
|
inset 0 0 0 1px transparent,
|
|
179
181
|
inset 0 0 0 100em var(--co-text-xs);
|
|
@@ -189,7 +191,8 @@ body [ui-btn~='@a'] {
|
|
|
189
191
|
}
|
|
190
192
|
box-shadow: inset 0 0 0 1px var(--co-#{$name});
|
|
191
193
|
|
|
192
|
-
&:hover
|
|
194
|
+
&:hover,
|
|
195
|
+
&.active {
|
|
193
196
|
box-shadow:
|
|
194
197
|
inset 0 0 0 1px var(--co-#{$name}),
|
|
195
198
|
inset 0 0 0 100em var(--co-#{$name}-xs);
|
|
@@ -268,7 +271,8 @@ body [ui-btn~='@a'] {
|
|
|
268
271
|
}
|
|
269
272
|
|
|
270
273
|
// 移入状态
|
|
271
|
-
& > *:hover
|
|
274
|
+
& > *:hover,
|
|
275
|
+
& > *.active {
|
|
272
276
|
box-shadow:
|
|
273
277
|
inset 0 0 0 1px var(--co-line),
|
|
274
278
|
inset 0 0 0 100em var(--co-text-xs);
|
|
@@ -293,7 +297,8 @@ body [ui-btn~='@a'] {
|
|
|
293
297
|
// 禁用按钮
|
|
294
298
|
&[ui-btns~=':disabled'] > * {
|
|
295
299
|
&,
|
|
296
|
-
&:hover
|
|
300
|
+
&:hover,
|
|
301
|
+
&.active {
|
|
297
302
|
opacity: 0.65;
|
|
298
303
|
box-shadow:
|
|
299
304
|
inset 0 0 0 1px transparent,
|
|
@@ -384,7 +389,8 @@ body [ui-btn~='@a'] {
|
|
|
384
389
|
|
|
385
390
|
box-shadow: inset 0 0 0 1px transparent;
|
|
386
391
|
|
|
387
|
-
&:hover
|
|
392
|
+
&:hover,
|
|
393
|
+
&.active {
|
|
388
394
|
box-shadow:
|
|
389
395
|
inset 0 0 0 1px transparent,
|
|
390
396
|
inset 0 0 0 100em var(--co-text-xs);
|
|
@@ -401,7 +407,8 @@ body [ui-btn~='@a'] {
|
|
|
401
407
|
}
|
|
402
408
|
box-shadow: inset 0 0 0 1px var(--co-#{$name});
|
|
403
409
|
|
|
404
|
-
&:hover
|
|
410
|
+
&:hover,
|
|
411
|
+
&.active {
|
|
405
412
|
box-shadow:
|
|
406
413
|
inset 0 0 0 1px var(--co-#{$name}),
|
|
407
414
|
inset 0 0 0 100em var(--co-#{$name}-xs);
|
|
@@ -414,7 +421,8 @@ body [ui-btn~='@a'] {
|
|
|
414
421
|
background: transparent;
|
|
415
422
|
box-shadow: inset 0 0 0 1px transparent;
|
|
416
423
|
|
|
417
|
-
&:hover
|
|
424
|
+
&:hover,
|
|
425
|
+
&.active {
|
|
418
426
|
box-shadow: inset 0 0 0 1px transparent;
|
|
419
427
|
text-decoration: underline;
|
|
420
428
|
}
|
package/core/theme.scss
CHANGED
|
@@ -59,9 +59,7 @@ $theme: if(
|
|
|
59
59
|
read: mix(map-get($s, 'text'), map-get($s, 'fore'), 85%),
|
|
60
60
|
desc: mix(map-get($s, 'text'), map-get($s, 'fore'), 55%),
|
|
61
61
|
note: mix(map-get($s, 'text'), map-get($s, 'fore'), 35%),
|
|
62
|
-
|
|
63
|
-
case:
|
|
64
|
-
mix(map-get($s, 'text'), map-get($s, 'fore'), 20%),
|
|
62
|
+
case: mix(map-get($s, 'text'), map-get($s, 'fore'), 20%),
|
|
65
63
|
line: mix(map-get($s, 'text'), map-get($s, 'fore'), 10%),
|
|
66
64
|
weak: mix(map-get($s, 'text'), map-get($s, 'fore'), 3%),
|
|
67
65
|
// deep:
|