@neatui/css 3.0.6 → 3.0.8
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.
|
@@ -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%;
|
|
@@ -8,12 +8,8 @@
|
|
|
8
8
|
// 盒子
|
|
9
9
|
[ui-tips-box] {
|
|
10
10
|
position: absolute;
|
|
11
|
-
// @include theme {
|
|
12
11
|
background: var(--co-fore);
|
|
13
|
-
// }
|
|
14
|
-
// box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.08);
|
|
15
12
|
box-shadow: 0 0 0.2em 1px var(--co-text-ss);
|
|
16
|
-
// padding: 0.5em;
|
|
17
13
|
border-radius: 0.25em;
|
|
18
14
|
pointer-events: none;
|
|
19
15
|
opacity: 0;
|
|
@@ -40,9 +36,7 @@
|
|
|
40
36
|
width: 0.5em;
|
|
41
37
|
height: 0.5em;
|
|
42
38
|
transform: rotate(45deg);
|
|
43
|
-
// @include theme {
|
|
44
39
|
background: var(--co-fore);
|
|
45
|
-
// }
|
|
46
40
|
}
|
|
47
41
|
}
|
|
48
42
|
|
|
@@ -50,4 +44,8 @@
|
|
|
50
44
|
position: relative;
|
|
51
45
|
display: inline-block;
|
|
52
46
|
}
|
|
47
|
+
|
|
48
|
+
&[ui-tips~='block'] {
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
53
51
|
}
|