@neatui/css 3.10.3 → 3.10.6
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/README.md +4 -4
- package/components/btns/btns@a.scss +3 -3
- package/components/btns/btns@b.scss +3 -3
- package/components/card/card@a.scss +5 -7
- package/components/card/card@b.scss +1 -1
- package/components/chat/chat@a.scss +1 -1
- package/components/cite/cite@a.scss +1 -1
- package/components/form/base.scss +8 -7
- package/components/form/form@a/input.scss +6 -6
- package/components/form/form@a/switch.scss +4 -2
- package/components/form/form@a/textarea.scss +13 -13
- package/components/form/form@a/upload.scss +1 -1
- package/components/form/form@b/input.scss +10 -10
- package/components/form/form@b/textarea.scss +13 -13
- package/components/form/form@b/upload.scss +1 -1
- package/components/form/form@c/input.scss +15 -14
- package/components/form/form@c/textarea.scss +12 -12
- package/components/form/form@c/upload.scss +1 -1
- package/components/form/form@d/input.scss +6 -6
- package/components/form/form@d/textarea.scss +13 -13
- package/components/form/form@d/upload.scss +1 -1
- package/components/list/list@a.scss +1 -1
- package/components/load/load@a.scss +7 -7
- package/components/navs/navs@a.scss +2 -2
- package/components/navs/navs@b.scss +3 -3
- package/components/note/note@a.scss +4 -4
- package/components/note/note@b.scss +2 -2
- package/components/table/base.scss +2 -2
- package/components/table/table@a.scss +1 -1
- package/components/table/table@b.scss +4 -4
- package/components/table/table@c.scss +2 -2
- package/components/tags/tags@a.scss +12 -12
- package/components/tags/tags@b.scss +8 -8
- package/components/tips/base.scss +13 -12
- package/components/tips/tips@a.scss +1 -1
- package/core/basic.scss +34 -24
- package/core/color.scss +63 -147
- package/core/cover.scss +1 -1
- package/core/grid.scss +9 -0
- package/core/scroll.scss +5 -5
- package/core/theme.scss +98 -173
- package/core/trim.scss +0 -36
- package/core/ux.scss +3 -3
- package/package.json +1 -1
|
@@ -30,15 +30,15 @@ value 规定输入字段的默认值。
|
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
// @include theme {
|
|
33
|
-
border: 1px solid var(--co-main-mm);
|
|
33
|
+
border: 1px solid var(--co-main-o-mm);
|
|
34
34
|
// }
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&.form-focus,
|
|
38
38
|
&:focus {
|
|
39
39
|
box-shadow:
|
|
40
|
-
inset 0 0 0 1px var(--co-main-mm),
|
|
41
|
-
0 0 0 2px var(--co-main-sm);
|
|
40
|
+
inset 0 0 0 1px var(--co-main-o-mm),
|
|
41
|
+
0 0 0 2px var(--co-main-o-sm);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
// 颜色
|
|
@@ -46,18 +46,18 @@ value 规定输入字段的默认值。
|
|
|
46
46
|
&[ui-form~='co:#{$c}'] {
|
|
47
47
|
color: var(--co-#{$c}-text);
|
|
48
48
|
box-shadow:
|
|
49
|
-
inset 0 0 0 1px var(--co-#{$c}-ml),
|
|
50
|
-
0 0 0 2px var(--co-#{$c}-ss) !important;
|
|
51
|
-
background-color: var(--co-#{$c}-xs);
|
|
49
|
+
inset 0 0 0 1px var(--co-#{$c}-o-ml),
|
|
50
|
+
0 0 0 2px var(--co-#{$c}-o-ss) !important;
|
|
51
|
+
background-color: var(--co-#{$c}-o-xs);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
&[ui-form~='co:hover:#{$c}'] {
|
|
55
55
|
&:hover {
|
|
56
56
|
color: var(--co-#{$c}-text);
|
|
57
57
|
box-shadow:
|
|
58
|
-
inset 0 0 0 1px var(--co-#{$c}-ml),
|
|
59
|
-
0 0 0 2px var(--co-#{$c}-ss) !important;
|
|
60
|
-
background-color: var(--co-#{$c}-xs);
|
|
58
|
+
inset 0 0 0 1px var(--co-#{$c}-o-ml),
|
|
59
|
+
0 0 0 2px var(--co-#{$c}-o-ss) !important;
|
|
60
|
+
background-color: var(--co-#{$c}-o-xs);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -65,9 +65,9 @@ value 规定输入字段的默认值。
|
|
|
65
65
|
&:focus-within {
|
|
66
66
|
color: var(--co-#{$c}-text);
|
|
67
67
|
box-shadow:
|
|
68
|
-
inset 0 0 0 1px var(--co-#{$c}-ml),
|
|
69
|
-
0 0 0 2px var(--co-#{$c}-ss) !important;
|
|
70
|
-
background-color: var(--co-#{$c}-xs);
|
|
68
|
+
inset 0 0 0 1px var(--co-#{$c}-o-ml),
|
|
69
|
+
0 0 0 2px var(--co-#{$c}-o-ss) !important;
|
|
70
|
+
background-color: var(--co-#{$c}-o-xs);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
}
|
|
@@ -81,7 +81,7 @@ value 规定输入字段的默认值。
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
&::-webkit-input-placeholder {
|
|
84
|
-
color: var(--co-read-mm);
|
|
84
|
+
color: var(--co-read-o-mm);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
border-radius: 1em;
|
|
29
29
|
color: var(--co-text);
|
|
30
30
|
box-shadow:
|
|
31
|
-
-1em 0 var(--co-text-ls),
|
|
32
|
-
1em 0 var(--co-text-sl),
|
|
33
|
-
0 1em var(--co-text-mm),
|
|
34
|
-
0 -1em var(--co-text-ll),
|
|
35
|
-
-0.7em 0.7em var(--co-text-ml),
|
|
31
|
+
-1em 0 var(--co-text-o-ls),
|
|
32
|
+
1em 0 var(--co-text-o-sl),
|
|
33
|
+
0 1em var(--co-text-o-mm),
|
|
34
|
+
0 -1em var(--co-text-o-ll),
|
|
35
|
+
-0.7em 0.7em var(--co-text-o-ml),
|
|
36
36
|
0.7em -0.7em var(--co-text),
|
|
37
|
-
-0.7em -0.7em var(--co-text-lm),
|
|
38
|
-
0.7em 0.7em var(--co-text-ms);
|
|
37
|
+
-0.7em -0.7em var(--co-text-o-lm),
|
|
38
|
+
0.7em 0.7em var(--co-text-o-ms);
|
|
39
39
|
|
|
40
40
|
transform: rotate3d(0, 0, 1, 6deg) scale(0.45);
|
|
41
41
|
}
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
user-select: none;
|
|
19
19
|
|
|
20
20
|
&:hover {
|
|
21
|
-
box-shadow: inset 0 0 0 100em var(--co-text-xs);
|
|
21
|
+
box-shadow: inset 0 0 0 100em var(--co-text-o-xs);
|
|
22
22
|
}
|
|
23
23
|
&:active {
|
|
24
24
|
transform: translateX(1px);
|
|
25
25
|
}
|
|
26
26
|
&.active {
|
|
27
|
-
box-shadow: inset 0 0 0 100em var(--co-main-ss);
|
|
27
|
+
box-shadow: inset 0 0 0 100em var(--co-main-o-ss);
|
|
28
28
|
color: var(--co-main);
|
|
29
29
|
fill: var(--co-main);
|
|
30
30
|
}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
|
|
49
49
|
&.active {
|
|
50
50
|
& > *:first-child {
|
|
51
|
-
color: var(--co-main-text);
|
|
51
|
+
color: var(--co-main-o-text);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
}
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
&.active {
|
|
62
62
|
& > *:first-child {
|
|
63
|
-
color: var(--co-main-text);
|
|
63
|
+
color: var(--co-main-o-text);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
|
|
69
69
|
&[ui-navs~='back'] {
|
|
70
70
|
& > * {
|
|
71
|
-
color: var(--co-back-ls);
|
|
71
|
+
color: var(--co-back-o-ls);
|
|
72
72
|
|
|
73
73
|
&.active {
|
|
74
74
|
& > *:first-child {
|
|
@@ -6,16 +6,16 @@ $note-a-co: 'main', 'well', 'warn', 'risk', 'info';
|
|
|
6
6
|
padding: 0.5em 1em;
|
|
7
7
|
border-radius: 0.25rem;
|
|
8
8
|
color: var(--co-read);
|
|
9
|
-
box-shadow: inset 0 0 0 1px var(--co-read-sl);
|
|
10
|
-
background: var(--co-read-xs);
|
|
9
|
+
box-shadow: inset 0 0 0 1px var(--co-read-o-sl);
|
|
10
|
+
background: var(--co-read-o-xs);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
// 颜色
|
|
14
14
|
@each $co in $note-a-co {
|
|
15
15
|
&[ui-note~='#{$co}'] {
|
|
16
16
|
color: var(--co-#{$co});
|
|
17
|
-
box-shadow: inset 0 0 0 1px var(--co-#{$co}-sl);
|
|
18
|
-
background: var(--co-#{$co}-xs);
|
|
17
|
+
box-shadow: inset 0 0 0 1px var(--co-#{$co}-o-sl);
|
|
18
|
+
background: var(--co-#{$co}-o-xs);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -6,13 +6,13 @@ $note-b-co: 'main', 'well', 'warn', 'risk';
|
|
|
6
6
|
border-radius: 0.1em;
|
|
7
7
|
|
|
8
8
|
color: var(--co-read);
|
|
9
|
-
background: var(--co-read-ss);
|
|
9
|
+
background: var(--co-read-o-ss);
|
|
10
10
|
border-left: 2px solid var(--co-read);
|
|
11
11
|
|
|
12
12
|
@each $key in $note-b-co {
|
|
13
13
|
&[ui-note~='#{$key}'] {
|
|
14
14
|
color: var(--co-#{$key});
|
|
15
|
-
background: var(--co-#{$key}-ss);
|
|
15
|
+
background: var(--co-#{$key}-o-ss);
|
|
16
16
|
border-left: 2px solid var(--co-#{$key});
|
|
17
17
|
}
|
|
18
18
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
height: 100%;
|
|
29
29
|
right: -5px;
|
|
30
30
|
top: 0;
|
|
31
|
-
box-shadow: inset 5px 0 5px -5px var(--co-text-ss);
|
|
31
|
+
box-shadow: inset 5px 0 5px -5px var(--co-text-o-ss);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
&[col-fixed-side='r'] {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
height: 100%;
|
|
42
42
|
left: -5px;
|
|
43
43
|
top: 0;
|
|
44
|
-
box-shadow: inset -5px 0 5px -5px var(--co-text-ss);
|
|
44
|
+
box-shadow: inset -5px 0 5px -5px var(--co-text-o-ss);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
// 固定头部
|
|
6
6
|
.table-head-fixed {
|
|
7
7
|
box-shadow:
|
|
8
|
-
0 1px 0 var(--co-line-sm),
|
|
9
|
-
0 2px 0 var(--co-line-sm),
|
|
10
|
-
0 3px 0 var(--co-line-sm);
|
|
8
|
+
0 1px 0 var(--co-line-o-sm),
|
|
9
|
+
0 2px 0 var(--co-line-o-sm),
|
|
10
|
+
0 3px 0 var(--co-line-o-sm);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
tr {
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
&,
|
|
59
59
|
th,
|
|
60
60
|
td {
|
|
61
|
-
background-color: var(--co-weak-
|
|
61
|
+
background-color: var(--co-weak-w-lm);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
th,
|
|
21
21
|
td {
|
|
22
22
|
background-color: var(--co-fore);
|
|
23
|
-
border-bottom: 1px solid var(--co-line-lm);
|
|
23
|
+
border-bottom: 1px solid var(--co-line-o-lm);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&:first-child {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
// 交互样式
|
|
50
50
|
&:hover {
|
|
51
51
|
td {
|
|
52
|
-
background-color: var(--co-weak-
|
|
52
|
+
background-color: var(--co-weak-w-lm);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
}
|
|
@@ -29,15 +29,15 @@ $tag-a-sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
29
29
|
@if ($co== 'main') {
|
|
30
30
|
&,
|
|
31
31
|
&[ui-tag~='#{$co}'] {
|
|
32
|
-
color: var(--co-#{$co}
|
|
33
|
-
box-shadow: inset 0 0 0 1px var(--co-#{$co}-ms);
|
|
34
|
-
background: var(--co-#{$co}-sm);
|
|
32
|
+
color: var(--co-#{$co});
|
|
33
|
+
box-shadow: inset 0 0 0 1px var(--co-#{$co}-o-ms);
|
|
34
|
+
background: var(--co-#{$co}-o-sm);
|
|
35
35
|
}
|
|
36
36
|
} @else {
|
|
37
37
|
&[ui-tag~='#{$co}'] {
|
|
38
|
-
color: var(--co-#{$co}
|
|
39
|
-
box-shadow: inset 0 0 0 1px var(--co-#{$co}-ms);
|
|
40
|
-
background: var(--co-#{$co}-sm);
|
|
38
|
+
color: var(--co-#{$co});
|
|
39
|
+
box-shadow: inset 0 0 0 1px var(--co-#{$co}-o-ms);
|
|
40
|
+
background: var(--co-#{$co}-o-sm);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -96,15 +96,15 @@ $tag-a-sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
96
96
|
@if ($co== 'main') {
|
|
97
97
|
& > *,
|
|
98
98
|
&[ui-tags~='#{$co}'] > * {
|
|
99
|
-
color: var(--co-#{$co}
|
|
100
|
-
box-shadow: inset 0 0 0 1px var(--co-#{$co}-ms);
|
|
101
|
-
background: var(--co-#{$co}-sm);
|
|
99
|
+
color: var(--co-#{$co});
|
|
100
|
+
box-shadow: inset 0 0 0 1px var(--co-#{$co}-o-ms);
|
|
101
|
+
background: var(--co-#{$co}-o-sm);
|
|
102
102
|
}
|
|
103
103
|
} @else {
|
|
104
104
|
&[ui-tags~='#{$co}'] > * {
|
|
105
|
-
color: var(--co-#{$co}
|
|
106
|
-
box-shadow: inset 0 0 0 1px var(--co-#{$co}-ms);
|
|
107
|
-
background: var(--co-#{$co}-sm);
|
|
105
|
+
color: var(--co-#{$co});
|
|
106
|
+
box-shadow: inset 0 0 0 1px var(--co-#{$co}-o-ms);
|
|
107
|
+
background: var(--co-#{$co}-o-sm);
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
}
|
|
@@ -39,13 +39,13 @@ $tag-b-sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
39
39
|
@if ($co== 'main') {
|
|
40
40
|
&,
|
|
41
41
|
&[ui-tag~='#{$co}'] {
|
|
42
|
-
color: var(--co-#{$co}
|
|
43
|
-
background: var(--co-#{$co}-sm);
|
|
42
|
+
color: var(--co-#{$co});
|
|
43
|
+
background: var(--co-#{$co}-o-sm);
|
|
44
44
|
}
|
|
45
45
|
} @else {
|
|
46
46
|
&[ui-tag~='#{$co}'] {
|
|
47
|
-
color: var(--co-#{$co}
|
|
48
|
-
background: var(--co-#{$co}-sm);
|
|
47
|
+
color: var(--co-#{$co});
|
|
48
|
+
background: var(--co-#{$co}-o-sm);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -104,13 +104,13 @@ $tag-b-sz: 'xs', 's', 'm', 'l', 'xl';
|
|
|
104
104
|
@if ($co== 'main') {
|
|
105
105
|
& > *,
|
|
106
106
|
&[ui-tags~='#{$co}'] > * {
|
|
107
|
-
color: var(--co-#{$co}
|
|
108
|
-
background: var(--co-#{$co}-sm);
|
|
107
|
+
color: var(--co-#{$co});
|
|
108
|
+
background: var(--co-#{$co}-o-sm);
|
|
109
109
|
}
|
|
110
110
|
} @else {
|
|
111
111
|
&[ui-tags~='#{$co}'] > * {
|
|
112
|
-
color: var(--co-#{$co}
|
|
113
|
-
background: var(--co-#{$co}-sm);
|
|
112
|
+
color: var(--co-#{$co});
|
|
113
|
+
background: var(--co-#{$co}-o-sm);
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
right: 0.75em;
|
|
22
22
|
bottom: -0.25em;
|
|
23
23
|
left: auto;
|
|
24
|
-
box-shadow: 1px 1px 0.2em 0 var(--co-text-ss);
|
|
24
|
+
box-shadow: 1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
[ui-tips-box~='tc'] {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
bottom: -0.25em;
|
|
46
46
|
left: 50%;
|
|
47
47
|
margin-left: -0.25em;
|
|
48
|
-
box-shadow: 1px 1px 0.2em 0 var(--co-text-ss);
|
|
48
|
+
box-shadow: 1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
[ui-tips-box~='tr'] {
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
right: auto;
|
|
69
69
|
bottom: -0.25em;
|
|
70
70
|
left: 0.75em;
|
|
71
|
-
box-shadow: 1px 1px 0.2em 0 var(--co-text-ss);
|
|
71
|
+
box-shadow: 1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
right: -0.25em;
|
|
93
93
|
bottom: 0.75em;
|
|
94
94
|
left: auto;
|
|
95
|
-
box-shadow: 1px -1px 0.2em 0 var(--co-text-ss);
|
|
95
|
+
box-shadow: 1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
[ui-tips-box~='lm'] {
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
bottom: auto;
|
|
116
116
|
left: auto;
|
|
117
117
|
margin-top: -0.25em;
|
|
118
|
-
box-shadow: 1px -1px 0.2em 0 var(--co-text-ss);
|
|
118
|
+
box-shadow: 1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
[ui-tips-box~='lb'] {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
right: -0.25em;
|
|
138
138
|
bottom: auto;
|
|
139
139
|
left: auto;
|
|
140
|
-
box-shadow: 1px -1px 0.2em 0 var(--co-text-ss);
|
|
140
|
+
box-shadow: 1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
left: -0.25em;
|
|
174
174
|
bottom: 0.75em;
|
|
175
175
|
right: auto;
|
|
176
|
-
box-shadow: -1px 1px 0.2em 0 var(--co-text-ss);
|
|
176
|
+
box-shadow: -1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
[ui-tips-box~='rm'] {
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
bottom: auto;
|
|
197
197
|
right: auto;
|
|
198
198
|
margin-top: -0.25em;
|
|
199
|
-
box-shadow: -1px 1px 0.2em 0 var(--co-text-ss);
|
|
199
|
+
box-shadow: -1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
[ui-tips-box~='rb'] {
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
left: -0.25em;
|
|
219
219
|
bottom: auto;
|
|
220
220
|
right: auto;
|
|
221
|
-
box-shadow: -1px 1px 0.2em 0 var(--co-text-ss);
|
|
221
|
+
box-shadow: -1px 1px 0.2em 0 var(--co-text-o-ss);
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
224
|
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
right: 1em;
|
|
244
244
|
top: -0.25em;
|
|
245
245
|
left: auto;
|
|
246
|
-
box-shadow: -1px -1px 0.2em 0 var(--co-text-ss);
|
|
246
|
+
box-shadow: -1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
247
247
|
}
|
|
248
248
|
}
|
|
249
249
|
[ui-tips-box~='bc'] {
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
top: -0.25em;
|
|
268
268
|
left: 50%;
|
|
269
269
|
margin-left: -0.25em;
|
|
270
|
-
box-shadow: -1px -1px 0.2em 0 var(--co-text-ss);
|
|
270
|
+
box-shadow: -1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
271
271
|
}
|
|
272
272
|
}
|
|
273
273
|
[ui-tips-box~='br'] {
|
|
@@ -290,11 +290,12 @@
|
|
|
290
290
|
right: auto;
|
|
291
291
|
top: -0.25em;
|
|
292
292
|
left: 0.75em;
|
|
293
|
-
box-shadow: -1px -1px 0.2em 0 var(--co-text-ss);
|
|
293
|
+
box-shadow: -1px -1px 0.2em 0 var(--co-text-o-ss);
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
// 展开
|
|
298
|
+
&[ui-tips~='ux:click'].clicked > *,
|
|
298
299
|
&[ui-tips~='ux:hover']:hover > *,
|
|
299
300
|
&[ui-tips~='ux:active']:active > *,
|
|
300
301
|
&[ui-tips-view~='1'] > * {
|
package/core/basic.scss
CHANGED
|
@@ -1,55 +1,63 @@
|
|
|
1
1
|
@use './media.scss' as *;
|
|
2
2
|
|
|
3
3
|
@mixin base($d: '') {
|
|
4
|
+
.#{$d}w-auto {
|
|
5
|
+
width: auto;
|
|
6
|
+
}
|
|
7
|
+
.#{$d}min-w-auto {
|
|
8
|
+
min-width: auto;
|
|
9
|
+
}
|
|
10
|
+
.#{$d}max-w-auto {
|
|
11
|
+
max-width: auto;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.#{$d}h-auto {
|
|
15
|
+
height: auto;
|
|
16
|
+
}
|
|
17
|
+
.#{$d}min-h-auto {
|
|
18
|
+
min-height: auto;
|
|
19
|
+
}
|
|
20
|
+
.#{$d}max-h-auto {
|
|
21
|
+
max-height: auto;
|
|
22
|
+
}
|
|
23
|
+
|
|
4
24
|
// BASE
|
|
5
25
|
.#{$d}full,
|
|
6
|
-
.#{$d}full
|
|
7
|
-
.#{$d}full-w,
|
|
26
|
+
.#{$d}w-full,
|
|
8
27
|
.#{$d}full-sub > *,
|
|
9
|
-
.#{$d}full-
|
|
10
|
-
.#{$d}full-w-sub > * {
|
|
28
|
+
.#{$d}w-full-sub > * {
|
|
11
29
|
width: 100%;
|
|
12
30
|
}
|
|
13
31
|
.#{$d}full,
|
|
14
|
-
.#{$d}full
|
|
15
|
-
.#{$d}full-y,
|
|
32
|
+
.#{$d}h-full,
|
|
16
33
|
.#{$d}full-sub > *,
|
|
17
|
-
.#{$d}full-
|
|
18
|
-
.#{$d}full-y-sub > * {
|
|
34
|
+
.#{$d}h-full-sub > * {
|
|
19
35
|
height: 100%;
|
|
20
36
|
}
|
|
21
37
|
|
|
22
38
|
.#{$d}min-full,
|
|
23
|
-
.#{$d}min-full
|
|
24
|
-
.#{$d}min-full-w,
|
|
39
|
+
.#{$d}min-w-full,
|
|
25
40
|
.#{$d}min-full-sub > *,
|
|
26
|
-
.#{$d}min-full-
|
|
27
|
-
.#{$d}min-full-w-sub > * {
|
|
41
|
+
.#{$d}min-w-full-sub > * {
|
|
28
42
|
min-width: 100%;
|
|
29
43
|
}
|
|
30
44
|
.#{$d}min-full,
|
|
31
|
-
.#{$d}min-full
|
|
32
|
-
.#{$d}min-full-y,
|
|
45
|
+
.#{$d}min-h-full,
|
|
33
46
|
.#{$d}min-full-sub > *,
|
|
34
|
-
.#{$d}min-full-
|
|
35
|
-
.#{$d}min-full-y-sub > * {
|
|
47
|
+
.#{$d}min-h-full-sub > * {
|
|
36
48
|
min-height: 100%;
|
|
37
49
|
}
|
|
38
50
|
|
|
39
51
|
.#{$d}max-full,
|
|
40
|
-
.#{$d}max-full
|
|
41
|
-
.#{$d}max-full-w,
|
|
52
|
+
.#{$d}max-w-full,
|
|
42
53
|
.#{$d}max-full-sub > *,
|
|
43
|
-
.#{$d}max-full-
|
|
44
|
-
.#{$d}max-full-w-sub > * {
|
|
54
|
+
.#{$d}max-w-full-sub > * {
|
|
45
55
|
max-width: 100%;
|
|
46
56
|
}
|
|
47
57
|
.#{$d}max-full,
|
|
48
|
-
.#{$d}max-full
|
|
49
|
-
.#{$d}max-full-y,
|
|
58
|
+
.#{$d}max-h-full,
|
|
50
59
|
.#{$d}max-full-sub > *,
|
|
51
|
-
.#{$d}max-full-
|
|
52
|
-
.#{$d}max-full-y-sub > * {
|
|
60
|
+
.#{$d}max-h-full-sub > * {
|
|
53
61
|
max-height: 100%;
|
|
54
62
|
}
|
|
55
63
|
|
|
@@ -395,6 +403,8 @@
|
|
|
395
403
|
code,
|
|
396
404
|
.code {
|
|
397
405
|
font-family: Menlo, Monaco, 'Courier New', monospace;
|
|
406
|
+
-webkit-font-smoothing: antialiased;
|
|
407
|
+
-moz-osx-font-smoothing: grayscale;
|
|
398
408
|
}
|
|
399
409
|
|
|
400
410
|
[layout='full'] {
|