@neatui/css 3.0.7 → 3.0.9
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 +1 -1
- package/components/btns/package.json +1 -1
- package/components/form/base.scss +9 -15
- package/core/ux.scss +29 -26
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@forward './base.scss';
|
|
3
3
|
@use './../../core/media.scss' as *;
|
|
4
4
|
$size: xs, s, m, l, xl;
|
|
5
|
-
$type: none, main, text, link, read, note, case, line, weak, back, info, well, warn, risk, w, b;
|
|
5
|
+
$type: none, main, vice, text, link, read, note, case, line, weak, back, info, well, warn, risk, w, b;
|
|
6
6
|
|
|
7
7
|
// 基础
|
|
8
8
|
%btnBase {
|
|
@@ -284,28 +284,22 @@ $cos: 'main', 'text', 'read', 'note', 'idle', 'case', 'line', 'info', 'well', 'w
|
|
|
284
284
|
|
|
285
285
|
// 清理
|
|
286
286
|
[ui-form-clean] {
|
|
287
|
-
position:
|
|
287
|
+
position: relative;
|
|
288
288
|
display: none;
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
background: var(--co-fore);
|
|
293
|
-
box-shadow:
|
|
294
|
-
-0.2em 0 0px 0.15em var(--co-fore),
|
|
295
|
-
0.2em 0 0px 0.15em var(--co-fore),
|
|
296
|
-
0 0 0px 0.15em var(--co-fore);
|
|
297
|
-
// }
|
|
289
|
+
right: 0;
|
|
290
|
+
background: none;
|
|
291
|
+
box-shadow: none;
|
|
298
292
|
|
|
299
293
|
&::before {
|
|
300
|
-
position:
|
|
294
|
+
position: relative;
|
|
301
295
|
content: '';
|
|
302
296
|
display: block;
|
|
303
|
-
width:
|
|
304
|
-
height:
|
|
297
|
+
width: 1em;
|
|
298
|
+
height: 1em;
|
|
305
299
|
left: 0;
|
|
306
300
|
top: 0;
|
|
307
|
-
margin:
|
|
308
|
-
transform:
|
|
301
|
+
margin: 0;
|
|
302
|
+
transform: rotate(45deg);
|
|
309
303
|
background:
|
|
310
304
|
linear-gradient(0deg, transparent 41%, currentColor 42%, currentColor 59%, transparent 60%) no-repeat center/50% 50%,
|
|
311
305
|
linear-gradient(90deg, transparent 41%, currentColor 42%, currentColor 59%, transparent 60%) no-repeat center/50% 50%;
|
package/core/ux.scss
CHANGED
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
&,
|
|
48
48
|
* {
|
|
49
49
|
cursor: pointer;
|
|
50
|
+
text-decoration: underline;
|
|
50
51
|
}
|
|
51
52
|
&:hover {
|
|
52
|
-
text-decoration: underline;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -77,37 +77,40 @@
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
// 链接图标
|
|
80
|
-
[
|
|
80
|
+
[ux-link],
|
|
81
81
|
.ux-link {
|
|
82
|
-
transition: color 0.
|
|
82
|
+
transition: color 0.15s;
|
|
83
83
|
cursor: pointer;
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
84
|
+
|
|
85
|
+
&[ux-link~='icon'],
|
|
86
|
+
&.ux-link-icon {
|
|
87
|
+
&::before {
|
|
88
|
+
position: relative;
|
|
89
|
+
top: -0.1em;
|
|
90
|
+
content: '';
|
|
91
|
+
width: 1em;
|
|
92
|
+
height: 1em;
|
|
93
|
+
display: inline-block;
|
|
94
|
+
opacity: 0.3;
|
|
95
|
+
transition:
|
|
96
|
+
opacity 0.35s,
|
|
97
|
+
transform 0.35s;
|
|
98
|
+
color: currentColor;
|
|
99
|
+
vertical-align: middle;
|
|
100
|
+
background:
|
|
101
|
+
linear-gradient(-45deg, transparent 38%, currentColor 40%, currentColor 60%, transparent 62%) no-repeat 50% 50% / 30% 30%,
|
|
102
|
+
linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 19% 51% / 20% 20%,
|
|
103
|
+
linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 48% 81% / 20% 20%,
|
|
104
|
+
linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 51% 19% / 20% 20%,
|
|
105
|
+
linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 81% 48% / 20% 20%,
|
|
106
|
+
radial-gradient(circle at 75% 25%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 15% 85% / 35% 35%,
|
|
107
|
+
radial-gradient(circle at 25% 75%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 85% 15% / 35% 35%;
|
|
108
|
+
}
|
|
105
109
|
}
|
|
106
110
|
|
|
107
111
|
&:hover {
|
|
108
|
-
transition: color 0.35s;
|
|
109
|
-
|
|
110
112
|
color: var(--co-link);
|
|
113
|
+
text-decoration: underline;
|
|
111
114
|
}
|
|
112
115
|
}
|
|
113
116
|
|