@neatui/css 3.0.3 → 3.0.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/components/form/form@a/checkbox.scss +1 -1
- package/components/form/form@d/base.scss +7 -19
- package/components/form/form@d/checkbox.scss +85 -32
- package/components/form/form@d/date.scss +45 -84
- package/components/form/form@d/index.scss +9 -9
- package/components/form/form@d/input.scss +46 -236
- package/components/form/form@d/radio.scss +24 -9
- package/components/form/form@d/select.scss +18 -13
- package/components/form/form@d/switch.scss +7 -10
- package/components/form/form@d/textarea.scss +30 -42
- package/components/form/form@d/upload.scss +15 -18
- package/components/form/index.scss +1 -0
- package/neatui.scss +20 -21
- package/package.json +1 -1
|
@@ -19,27 +19,15 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
// 圆弧
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
// }
|
|
25
|
-
|
|
26
|
-
// 清理
|
|
27
|
-
[ui-form-clean] {
|
|
28
|
-
display: inline-block;
|
|
29
|
-
@include theme {
|
|
30
|
-
color: var(--co-case);
|
|
31
|
-
background:
|
|
32
|
-
linear-gradient(45deg, transparent 40%, var(--co-fore) 45%, var(--co-fore) 55%, transparent 60%) no-repeat center / 38% 38%,
|
|
33
|
-
linear-gradient(-45deg, transparent 40%, var(--co-fore) 45%, var(--co-fore) 55%, transparent 60%) no-repeat center / 38% 38%,
|
|
34
|
-
radial-gradient(circle at 50% 50%, currentColor 53%, transparent 58%);
|
|
35
|
-
}
|
|
22
|
+
&[ui-form~=':round'] {
|
|
23
|
+
border-radius: 50em;
|
|
36
24
|
}
|
|
37
25
|
|
|
38
26
|
input:-webkit-autofill {
|
|
39
|
-
@include theme {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
27
|
+
// @include theme {
|
|
28
|
+
box-shadow: 0 0 0 1000px var(--co-fore) inset;
|
|
29
|
+
color: var(--co-read);
|
|
30
|
+
-webkit-text-fill-color: var(--co-read);
|
|
31
|
+
// }
|
|
44
32
|
}
|
|
45
33
|
}
|
|
@@ -12,18 +12,7 @@ step 规定输入字段的合法数字间隔。
|
|
|
12
12
|
value 规定输入字段的默认值。
|
|
13
13
|
*/
|
|
14
14
|
@use 'sass:math';
|
|
15
|
-
|
|
16
|
-
@keyframes am-checked {
|
|
17
|
-
0% {
|
|
18
|
-
transform: scale3d(0.9, 0.9, 1);
|
|
19
|
-
}
|
|
20
|
-
50% {
|
|
21
|
-
transform: scale3d(1, 1, 1);
|
|
22
|
-
}
|
|
23
|
-
100% {
|
|
24
|
-
transform: scale3d(0.9, 0.9, 1);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
15
|
+
@use '../vars.scss' as *;
|
|
27
16
|
|
|
28
17
|
[ui-form~='@d'] {
|
|
29
18
|
// 复选框
|
|
@@ -33,6 +22,8 @@ value 规定输入字段的默认值。
|
|
|
33
22
|
align-items: center;
|
|
34
23
|
align-content: center;
|
|
35
24
|
flex-wrap: nowrap;
|
|
25
|
+
vertical-align: middle;
|
|
26
|
+
cursor: pointer;
|
|
36
27
|
|
|
37
28
|
&[ui-form~='lt'] {
|
|
38
29
|
align-items: baseline;
|
|
@@ -42,10 +33,6 @@ value 规定输入字段的默认值。
|
|
|
42
33
|
}
|
|
43
34
|
}
|
|
44
35
|
|
|
45
|
-
&[ui-form~=':block'] {
|
|
46
|
-
display: flex;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
36
|
[type='checkbox'] {
|
|
50
37
|
appearance: none;
|
|
51
38
|
font-size: inherit;
|
|
@@ -55,31 +42,97 @@ value 规定输入字段的默认值。
|
|
|
55
42
|
margin: 0;
|
|
56
43
|
padding: 0;
|
|
57
44
|
background: transparent;
|
|
58
|
-
box-shadow: inset 0 0 0 1px currentColor;
|
|
59
|
-
border-radius:
|
|
60
|
-
transform: scale3d(0.9, 0.9, 1);
|
|
45
|
+
// box-shadow: inset 0 0 0 1px currentColor;
|
|
46
|
+
border-radius: 0.2em;
|
|
61
47
|
flex-shrink: 0;
|
|
48
|
+
transform: scale3d(0.95, 0.95, 1);
|
|
49
|
+
|
|
50
|
+
&:before,
|
|
51
|
+
&:after {
|
|
52
|
+
position: absolute;
|
|
53
|
+
content: '';
|
|
54
|
+
display: block;
|
|
55
|
+
|
|
56
|
+
background-color: var(--co-fore);
|
|
57
|
+
|
|
58
|
+
border-radius: 10rem;
|
|
59
|
+
}
|
|
62
60
|
|
|
63
61
|
&:checked {
|
|
64
|
-
background:
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
62
|
+
// background-color: var(--co-main);
|
|
63
|
+
|
|
64
|
+
@keyframes am-checkbox-a-1 {
|
|
65
|
+
0% {
|
|
66
|
+
transform: rotate(43deg) scale3d(0, 1, 1);
|
|
67
|
+
}
|
|
68
|
+
40%,
|
|
69
|
+
100% {
|
|
70
|
+
transform: rotate(43deg) scale3d(1, 1, 1);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@keyframes am-checkbox-a-2 {
|
|
75
|
+
0%,
|
|
76
|
+
40% {
|
|
77
|
+
transform: rotate(-53deg) scale3d(0, 1, 1);
|
|
78
|
+
}
|
|
79
|
+
100% {
|
|
80
|
+
transform: rotate(-53deg) scale3d(1, 1, 1);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&::before {
|
|
85
|
+
width: 35%;
|
|
86
|
+
height: 13%;
|
|
87
|
+
left: 20%;
|
|
88
|
+
top: 36%;
|
|
89
|
+
transform: rotate(43deg);
|
|
90
|
+
|
|
91
|
+
background-color: var(--co-main);
|
|
92
|
+
|
|
93
|
+
transform-origin: 0% 100%;
|
|
94
|
+
animation: am-checkbox-a-1 ease-out 0.35s both;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&::after {
|
|
98
|
+
width: 60%;
|
|
99
|
+
height: 13%;
|
|
100
|
+
left: 50%;
|
|
101
|
+
bottom: 25%;
|
|
102
|
+
transform-origin: 0% 100%;
|
|
103
|
+
transform: rotate(-53deg);
|
|
104
|
+
|
|
105
|
+
background-color: var(--co-main);
|
|
106
|
+
|
|
107
|
+
animation: am-checkbox-a-2 ease-out 0.35s both;
|
|
108
|
+
}
|
|
109
|
+
|
|
73
110
|
&,
|
|
74
111
|
& + * {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
112
|
+
color: var(--co-main);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
// 半选
|
|
117
|
+
&.part-checked,
|
|
118
|
+
&[part-checked] {
|
|
119
|
+
box-shadow: inset 0 0 0 1px var(--co-main);
|
|
120
|
+
|
|
121
|
+
&::before {
|
|
122
|
+
width: 50%;
|
|
123
|
+
height: 18%;
|
|
124
|
+
left: 24%;
|
|
125
|
+
border-radius: 1em;
|
|
126
|
+
|
|
127
|
+
background: var(--co-fore) !important;
|
|
128
|
+
|
|
129
|
+
bottom: 41%;
|
|
78
130
|
}
|
|
79
131
|
}
|
|
80
132
|
|
|
81
133
|
& + * {
|
|
82
|
-
margin-left: 0.2em;
|
|
134
|
+
// margin-left: 0.2em;
|
|
135
|
+
user-select: none;
|
|
83
136
|
}
|
|
84
137
|
}
|
|
85
138
|
}
|
|
@@ -10,90 +10,6 @@
|
|
|
10
10
|
line-height: 1.5em;
|
|
11
11
|
transition: all 0.5s;
|
|
12
12
|
|
|
13
|
-
// 日历
|
|
14
|
-
[ui-form-date] {
|
|
15
|
-
background:
|
|
16
|
-
linear-gradient(
|
|
17
|
-
180deg,
|
|
18
|
-
transparent 6%,
|
|
19
|
-
currentColor 8%,
|
|
20
|
-
currentColor 15%,
|
|
21
|
-
transparent 17%,
|
|
22
|
-
transparent 37%,
|
|
23
|
-
currentColor 39%,
|
|
24
|
-
currentColor 45%,
|
|
25
|
-
transparent 47%,
|
|
26
|
-
transparent 88%,
|
|
27
|
-
currentColor 90%
|
|
28
|
-
)
|
|
29
|
-
no-repeat center / 70% 70%,
|
|
30
|
-
linear-gradient(90deg, currentColor 10%, transparent 11%, transparent 89%, currentColor 90%) no-repeat center 55% / 70% 58%,
|
|
31
|
-
linear-gradient(90deg, currentColor 23%, transparent 25%, transparent 75%, currentColor 77%) no-repeat center 16% / 30% 22%;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// 下拉菜单
|
|
35
|
-
[ui-form-dropdown] {
|
|
36
|
-
position: absolute;
|
|
37
|
-
top: 100%;
|
|
38
|
-
@include theme {
|
|
39
|
-
background: var(--co-fore);
|
|
40
|
-
}
|
|
41
|
-
min-width: 100%;
|
|
42
|
-
max-height: 20rem;
|
|
43
|
-
left: 0;
|
|
44
|
-
margin-top: 0.5em;
|
|
45
|
-
padding: 0.5em;
|
|
46
|
-
border-radius: 0.25em;
|
|
47
|
-
box-shadow: 0 1px 0.3em 1px rgba(0, 0, 0, 0.1);
|
|
48
|
-
transform: translate3d(0, 1rem, 0);
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
opacity: 0;
|
|
51
|
-
transition: all 0.35s;
|
|
52
|
-
z-index: 1;
|
|
53
|
-
|
|
54
|
-
&::before {
|
|
55
|
-
content: '';
|
|
56
|
-
position: absolute;
|
|
57
|
-
width: 100%;
|
|
58
|
-
left: 0;
|
|
59
|
-
height: 1em;
|
|
60
|
-
bottom: 100%;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&::after {
|
|
64
|
-
content: '';
|
|
65
|
-
position: absolute;
|
|
66
|
-
box-sizing: content-box;
|
|
67
|
-
width: 0.5em;
|
|
68
|
-
height: 0.5em;
|
|
69
|
-
@include theme {
|
|
70
|
-
background: var(--co-fore);
|
|
71
|
-
}
|
|
72
|
-
top: -0.25em;
|
|
73
|
-
left: 50%;
|
|
74
|
-
margin-left: -0.25em;
|
|
75
|
-
transform: rotate(45deg);
|
|
76
|
-
box-shadow: -1px -1px 0.15em 0 rgba(0, 0, 0, 0.07);
|
|
77
|
-
z-index: -1;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
// &[ui-form-dropdown~='show'] {
|
|
81
|
-
// opacity: 1;
|
|
82
|
-
// transform: translate3d(0, 0, 0);
|
|
83
|
-
// pointer-events: auto;
|
|
84
|
-
// }
|
|
85
|
-
|
|
86
|
-
& > * {
|
|
87
|
-
padding: 0.5em;
|
|
88
|
-
transition: all 0.35s;
|
|
89
|
-
border-radius: 0.2em;
|
|
90
|
-
&:hover {
|
|
91
|
-
@include theme {
|
|
92
|
-
background: var(--co-weak);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
13
|
// 下拉菜单活动
|
|
98
14
|
&[ui-form-open~='show'],
|
|
99
15
|
&[ui-form~='ux:hover']:hover {
|
|
@@ -123,3 +39,48 @@
|
|
|
123
39
|
}
|
|
124
40
|
}
|
|
125
41
|
}
|
|
42
|
+
|
|
43
|
+
// 下拉菜单
|
|
44
|
+
[ui-form-dropdown='@d'] {
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: 100%;
|
|
47
|
+
|
|
48
|
+
background: var(--co-fore);
|
|
49
|
+
|
|
50
|
+
left: 0;
|
|
51
|
+
margin-top: 0.5em;
|
|
52
|
+
padding: 0.5em;
|
|
53
|
+
border-radius: 0.25em;
|
|
54
|
+
box-shadow: 0 1px 0.3em 1px rgba(0, 0, 0, 0.1);
|
|
55
|
+
transform: translate3d(0, 1rem, 0);
|
|
56
|
+
pointer-events: none;
|
|
57
|
+
opacity: 0;
|
|
58
|
+
transition: all 0.35s;
|
|
59
|
+
z-index: 1;
|
|
60
|
+
|
|
61
|
+
&::before {
|
|
62
|
+
content: '';
|
|
63
|
+
position: absolute;
|
|
64
|
+
width: 100%;
|
|
65
|
+
left: 0;
|
|
66
|
+
height: 1em;
|
|
67
|
+
bottom: 100%;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&::after {
|
|
71
|
+
content: '';
|
|
72
|
+
position: absolute;
|
|
73
|
+
box-sizing: content-box;
|
|
74
|
+
width: 0.5em;
|
|
75
|
+
height: 0.5em;
|
|
76
|
+
|
|
77
|
+
background: var(--co-fore);
|
|
78
|
+
|
|
79
|
+
top: -0.25em;
|
|
80
|
+
left: 50%;
|
|
81
|
+
margin-left: -0.25em;
|
|
82
|
+
transform: rotate(45deg);
|
|
83
|
+
box-shadow: -1px -1px 0.15em 0 rgba(0, 0, 0, 0.07);
|
|
84
|
+
z-index: -1;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
9
|
-
@
|
|
1
|
+
@forward './base.scss';
|
|
2
|
+
@forward './input.scss';
|
|
3
|
+
@forward './textarea.scss';
|
|
4
|
+
@forward './radio.scss';
|
|
5
|
+
@forward './checkbox.scss';
|
|
6
|
+
@forward './switch.scss';
|
|
7
|
+
@forward './select.scss';
|
|
8
|
+
@forward './date.scss';
|
|
9
|
+
@forward './upload.scss';
|
|
@@ -21,12 +21,15 @@ value 规定输入字段的默认值。
|
|
|
21
21
|
height: 100%;
|
|
22
22
|
height: 2.5em;
|
|
23
23
|
line-height: 1.5em;
|
|
24
|
-
padding: 0.5em
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
background-color
|
|
29
|
-
|
|
24
|
+
padding: 0 0.5em;
|
|
25
|
+
border-radius: 0.25em;
|
|
26
|
+
transition:
|
|
27
|
+
all 0.35s,
|
|
28
|
+
background-color 0s;
|
|
29
|
+
// @include theme {
|
|
30
|
+
border: 1px solid var(--co-case);
|
|
31
|
+
background-color: var(--co-fore);
|
|
32
|
+
// }
|
|
30
33
|
|
|
31
34
|
display: inline-flex;
|
|
32
35
|
justify-content: space-between;
|
|
@@ -37,19 +40,19 @@ value 规定输入字段的默认值。
|
|
|
37
40
|
}
|
|
38
41
|
|
|
39
42
|
&:hover {
|
|
40
|
-
@include theme {
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
+
// @include theme {
|
|
44
|
+
// border: 1px solid rgba(var(--co-main), 0.5);
|
|
45
|
+
// }
|
|
46
|
+
border: 1px solid var(--co-main-mm);
|
|
43
47
|
}
|
|
44
48
|
|
|
45
49
|
&.form-focus,
|
|
46
50
|
&:focus-within {
|
|
47
|
-
@include theme {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
51
|
+
// @include theme {
|
|
52
|
+
background-color: var(--co-fore);
|
|
53
|
+
border: 1px solid var(--co-main-sl);
|
|
54
|
+
box-shadow: 0 0 0 2px var(--co-main-ss);
|
|
55
|
+
// }
|
|
53
56
|
}
|
|
54
57
|
|
|
55
58
|
input {
|
|
@@ -61,6 +64,9 @@ value 规定输入字段的默认值。
|
|
|
61
64
|
padding: 0 0.25em;
|
|
62
65
|
border: 0;
|
|
63
66
|
background-color: transparent;
|
|
67
|
+
white-space: nowrap;
|
|
68
|
+
text-overflow: ellipsis;
|
|
69
|
+
overflow: hidden;
|
|
64
70
|
|
|
65
71
|
// 清除数字箭头
|
|
66
72
|
&[type='number'] {
|
|
@@ -75,204 +81,35 @@ value 规定输入字段的默认值。
|
|
|
75
81
|
}
|
|
76
82
|
|
|
77
83
|
&:-webkit-autofill {
|
|
78
|
-
@include theme {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&::-webkit-input-placeholder {
|
|
86
|
-
@include theme {
|
|
87
|
-
color: var(--co-read-mm);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
// 前缀后缀
|
|
93
|
-
[ui-form-prefix],
|
|
94
|
-
[ui-form-suffix] {
|
|
95
|
-
position: relative;
|
|
96
|
-
line-height: 1;
|
|
97
|
-
display: inline-flex;
|
|
98
|
-
align-items: center;
|
|
99
|
-
align-content: center;
|
|
100
|
-
flex-shrink: 0;
|
|
101
|
-
|
|
102
|
-
& > * {
|
|
103
|
-
min-width: 1em;
|
|
104
|
-
margin: 0 0.25em;
|
|
105
|
-
height: 1em;
|
|
106
|
-
flex-shrink: 0;
|
|
107
|
-
transition:
|
|
108
|
-
transform 0.15s,
|
|
109
|
-
opacity 0.5s;
|
|
110
|
-
opacity: 0.8;
|
|
111
|
-
// &:hover {
|
|
112
|
-
// opacity: 1;
|
|
113
|
-
// transform: scale3d(1.1, 1.1, 1);
|
|
114
|
-
// }
|
|
115
|
-
// &:active,
|
|
116
|
-
// &:hover:active {
|
|
117
|
-
// transform: scale3d(0.95, 0.95, 1);
|
|
84
|
+
// @include theme {
|
|
85
|
+
box-shadow: 0 0 0 1000px var(--co-fore) inset;
|
|
86
|
+
color: var(--co-read);
|
|
87
|
+
-webkit-text-fill-color: var(--co-read);
|
|
118
88
|
// }
|
|
119
89
|
}
|
|
120
|
-
}
|
|
121
|
-
[ui-form-suffix] {
|
|
122
|
-
justify-content: end;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
// 查看密码
|
|
126
|
-
[ui-form-cipher] {
|
|
127
|
-
@include theme {
|
|
128
|
-
color: var(--co-note);
|
|
129
|
-
}
|
|
130
|
-
background:
|
|
131
|
-
radial-gradient(at 50% 50%, transparent 53%, currentColor 56%, currentColor 67%, transparent 70%) no-repeat center / 100% 75%,
|
|
132
|
-
radial-gradient(circle at 50% 50%, transparent 15%, currentColor 18%, currentColor 27%, transparent 30%),
|
|
133
|
-
linear-gradient(-45deg, transparent 44%, currentColor 47%, currentColor 53%, transparent 56%) no-repeat center / 75% 75%;
|
|
134
|
-
}
|
|
135
|
-
[type='password'] + * > [ui-form-cipher] {
|
|
136
|
-
background:
|
|
137
|
-
radial-gradient(at 50% 50%, transparent 53%, currentColor 56%, currentColor 67%, transparent 70%) no-repeat center / 100% 75%,
|
|
138
|
-
radial-gradient(circle at 50% 50%, transparent 15%, currentColor 18%, currentColor 27%, transparent 30%);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
// 验证
|
|
142
|
-
[ui-form-verify] {
|
|
143
|
-
& {
|
|
144
|
-
position: absolute;
|
|
145
|
-
display: block;
|
|
146
|
-
width: 1em;
|
|
147
|
-
height: 1em;
|
|
148
|
-
right: -1.5em;
|
|
149
|
-
top: 50%;
|
|
150
|
-
margin-top: -0.5em;
|
|
151
|
-
|
|
152
|
-
&:before,
|
|
153
|
-
&:after {
|
|
154
|
-
position: absolute;
|
|
155
|
-
content: '';
|
|
156
|
-
display: block;
|
|
157
|
-
background-color: currentColor;
|
|
158
|
-
border-radius: 10rem;
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
&[ui-form-verify~='ok'] {
|
|
163
|
-
@include theme {
|
|
164
|
-
color: var(--co-well);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
@keyframes am-verify-ok-1 {
|
|
168
|
-
0% {
|
|
169
|
-
transform: rotate(43deg) scale3d(0, 1, 1);
|
|
170
|
-
}
|
|
171
|
-
40%,
|
|
172
|
-
100% {
|
|
173
|
-
transform: rotate(43deg) scale3d(1, 1, 1);
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
@keyframes am-verify-ok-2 {
|
|
178
|
-
0%,
|
|
179
|
-
40% {
|
|
180
|
-
transform: rotate(-53deg) scale3d(0, 1, 1);
|
|
181
|
-
}
|
|
182
|
-
100% {
|
|
183
|
-
transform: rotate(-53deg) scale3d(1, 1, 1);
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
&::before {
|
|
188
|
-
width: 50%;
|
|
189
|
-
height: 10%;
|
|
190
|
-
left: 9%;
|
|
191
|
-
top: 32%;
|
|
192
|
-
transform: rotate(43deg);
|
|
193
|
-
background-color: currentColor;
|
|
194
|
-
transform-origin: 0% 100%;
|
|
195
|
-
animation: am-verify-ok-1 ease-out 0.5s both;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
&::after {
|
|
199
|
-
width: 74%;
|
|
200
|
-
height: 10%;
|
|
201
|
-
left: 46.5%;
|
|
202
|
-
bottom: 24.5%;
|
|
203
|
-
transform-origin: 0% 100%;
|
|
204
|
-
transform: rotate(-53deg);
|
|
205
|
-
background-color: currentColor;
|
|
206
|
-
animation: am-verify-ok-2 ease-out 0.5s both;
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
&[ui-form-verify~='no'] {
|
|
210
|
-
@include theme {
|
|
211
|
-
color: var(--co-risk);
|
|
212
|
-
}
|
|
213
90
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
50% {
|
|
217
|
-
transform: rotate(45deg) scale3d(0, 1, 1);
|
|
218
|
-
}
|
|
219
|
-
100% {
|
|
220
|
-
transform: rotate(45deg) scale3d(1, 1, 1);
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
@keyframes am-no-2 {
|
|
225
|
-
0% {
|
|
226
|
-
transform: rotate(-45deg) scale3d(0, 1, 1);
|
|
227
|
-
}
|
|
228
|
-
50%,
|
|
229
|
-
100% {
|
|
230
|
-
transform: rotate(-45deg) scale3d(1, 1, 1);
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
&::before {
|
|
235
|
-
width: 90%;
|
|
236
|
-
height: 10%;
|
|
237
|
-
left: 15%;
|
|
238
|
-
top: 11.5%;
|
|
239
|
-
transform: rotate(45deg);
|
|
240
|
-
background-color: currentColor;
|
|
241
|
-
transform-origin: 0% 100%;
|
|
242
|
-
animation: am-no-1 ease 0.6s both;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
&::after {
|
|
246
|
-
width: 90%;
|
|
247
|
-
height: 10%;
|
|
248
|
-
right: 15%;
|
|
249
|
-
top: 11.5%;
|
|
250
|
-
transform-origin: 100% 100%;
|
|
251
|
-
transform: rotate(45deg);
|
|
252
|
-
background-color: currentColor;
|
|
253
|
-
animation: am-no-2 ease 0.6s both;
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
// 清理
|
|
259
|
-
[ui-form-clean] {
|
|
260
|
-
display: inline-block;
|
|
261
|
-
@include theme {
|
|
262
|
-
color: var(--co-case);
|
|
263
|
-
background:
|
|
264
|
-
linear-gradient(45deg, transparent 40%, var(--co-fore) 45%, var(--co-fore) 55%, transparent 60%) no-repeat center / 38% 38%,
|
|
265
|
-
linear-gradient(-45deg, transparent 40%, var(--co-fore) 45%, var(--co-fore) 55%, transparent 60%) no-repeat center / 38% 38%,
|
|
266
|
-
radial-gradient(circle at 50% 50%, currentColor 53%, transparent 58%);
|
|
91
|
+
&::placeholder {
|
|
92
|
+
color: var(--co-read-sl);
|
|
267
93
|
}
|
|
268
94
|
}
|
|
269
95
|
|
|
270
96
|
// 禁用
|
|
271
97
|
&[ui-form~='disabled'] {
|
|
272
98
|
cursor: not-allowed;
|
|
99
|
+
input {
|
|
100
|
+
cursor: not-allowed;
|
|
101
|
+
}
|
|
273
102
|
opacity: 0.5;
|
|
274
103
|
}
|
|
275
104
|
|
|
105
|
+
// 禁用
|
|
106
|
+
&[ui-form~='readonly'] {
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
input {
|
|
109
|
+
cursor: pointer;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
276
113
|
// 撑满
|
|
277
114
|
&[ui-form~=':block'] {
|
|
278
115
|
width: 100%;
|
|
@@ -288,36 +125,16 @@ value 规定输入字段的默认值。
|
|
|
288
125
|
// 颜色
|
|
289
126
|
@each $c in $form-co {
|
|
290
127
|
&[ui-form~='co:#{$c}'] {
|
|
291
|
-
|
|
128
|
+
& {
|
|
129
|
+
// @include theme {
|
|
130
|
+
// color: var(--co-#{$c}-text);
|
|
131
|
+
// }
|
|
292
132
|
color: var(--co-#{$c}-text);
|
|
293
|
-
|
|
294
|
-
inset 0 -1px 0 0 var(--co-#{$c}-ml),
|
|
295
|
-
0 2px 0 0 var(--co-#{$c}-ss) !important;
|
|
296
|
-
background-color: transparent;
|
|
133
|
+
border: 1px solid var(--co-#{$c}-ml);
|
|
297
134
|
}
|
|
298
|
-
}
|
|
299
135
|
|
|
300
|
-
&[ui-form~='co:hover:#{$c}'] {
|
|
301
|
-
&:hover {
|
|
302
|
-
@include theme {
|
|
303
|
-
color: var(--co-#{$c}-text);
|
|
304
|
-
box-shadow:
|
|
305
|
-
inset 0 -1px 0 0 var(--co-#{$c}-ml),
|
|
306
|
-
0 2px 0 0 var(--co-#{$c}-ss) !important;
|
|
307
|
-
background-color: transparent;
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
&[ui-form~='co:focus:#{$c}'] {
|
|
313
136
|
&:focus-within {
|
|
314
|
-
|
|
315
|
-
color: var(--co-#{$c}-text);
|
|
316
|
-
box-shadow:
|
|
317
|
-
inset 0 -1px 0 0 var(--co-#{$c}-ml),
|
|
318
|
-
0 2px 0 0 var(--co-#{$c}-ss) !important;
|
|
319
|
-
background-color: transparent;
|
|
320
|
-
}
|
|
137
|
+
box-shadow: 0 0 0 2px var(--co-#{$c}-ss) !important;
|
|
321
138
|
}
|
|
322
139
|
}
|
|
323
140
|
}
|
|
@@ -327,19 +144,12 @@ value 规定输入字段的默认值。
|
|
|
327
144
|
@each $s in $form-sz {
|
|
328
145
|
&[ui-form~='sz:#{$s}'] {
|
|
329
146
|
height: $sz_base;
|
|
330
|
-
padding: (($sz_base - 1) * 0.25)
|
|
147
|
+
padding: 0 (($sz_base - 1) * 0.25);
|
|
331
148
|
input {
|
|
332
|
-
padding:
|
|
149
|
+
padding: 0 0.25em;
|
|
333
150
|
}
|
|
334
151
|
}
|
|
335
152
|
$sz_base: $sz_base + 0.5;
|
|
336
153
|
}
|
|
337
|
-
|
|
338
|
-
// 搜索
|
|
339
|
-
[ui-form-search] {
|
|
340
|
-
background: radial-gradient(circle at 47% 45%, transparent 40%, currentColor 43%, currentColor 53%, transparent 56%),
|
|
341
|
-
radial-gradient(circle at 78% 78%, currentColor 5%, rgba(0, 0, 0, 0) 6%), radial-gradient(circle at 82% 82%, currentColor 5%, rgba(0, 0, 0, 0) 6%),
|
|
342
|
-
radial-gradient(circle at 85% 85%, currentColor 5%, rgba(0, 0, 0, 0) 6%);
|
|
343
|
-
}
|
|
344
154
|
}
|
|
345
155
|
}
|
|
@@ -12,11 +12,12 @@ step 规定输入字段的合法数字间隔。
|
|
|
12
12
|
value 规定输入字段的默认值。
|
|
13
13
|
*/
|
|
14
14
|
@use 'sass:math';
|
|
15
|
+
@use '../vars.scss' as *;
|
|
15
16
|
|
|
16
17
|
// 动画
|
|
17
|
-
@keyframes am-radio {
|
|
18
|
+
@keyframes am-radio-a {
|
|
18
19
|
0% {
|
|
19
|
-
transform: scale3d(
|
|
20
|
+
transform: scale3d(0, 0, 1);
|
|
20
21
|
}
|
|
21
22
|
50% {
|
|
22
23
|
transform: scale3d(1.1, 1.1, 1);
|
|
@@ -48,6 +49,7 @@ value 规定输入字段的默认值。
|
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
[type='radio'] {
|
|
52
|
+
position: relative;
|
|
51
53
|
appearance: none;
|
|
52
54
|
font-size: inherit;
|
|
53
55
|
width: 1em;
|
|
@@ -56,19 +58,32 @@ value 规定输入字段的默认值。
|
|
|
56
58
|
margin: 0;
|
|
57
59
|
padding: 0;
|
|
58
60
|
background: transparent;
|
|
59
|
-
|
|
61
|
+
border: 1px solid currentColor;
|
|
60
62
|
border-radius: 50%;
|
|
61
63
|
flex-shrink: 0;
|
|
64
|
+
transition: box-shadow 0.5s;
|
|
65
|
+
padding: 3px;
|
|
66
|
+
|
|
67
|
+
&::before {
|
|
68
|
+
position: relative;
|
|
69
|
+
width: 100%;
|
|
70
|
+
height: 100%;
|
|
71
|
+
// left: 25%;
|
|
72
|
+
// top: 25%;
|
|
73
|
+
content: '';
|
|
74
|
+
display: block;
|
|
75
|
+
border-radius: 50%;
|
|
76
|
+
background: var(--co-fore);
|
|
77
|
+
}
|
|
62
78
|
|
|
63
79
|
&:checked {
|
|
64
|
-
background:
|
|
65
|
-
|
|
66
|
-
|
|
80
|
+
background: currentColor;
|
|
81
|
+
&::before {
|
|
82
|
+
animation: am-radio-a 0.35s;
|
|
83
|
+
}
|
|
67
84
|
&,
|
|
68
85
|
& + * {
|
|
69
|
-
|
|
70
|
-
color: var(--co-main);
|
|
71
|
-
}
|
|
86
|
+
color: var(--co-main);
|
|
72
87
|
}
|
|
73
88
|
}
|
|
74
89
|
|
|
@@ -10,15 +10,22 @@
|
|
|
10
10
|
line-height: 1.5em;
|
|
11
11
|
transition: all 0.5s;
|
|
12
12
|
|
|
13
|
+
input {
|
|
14
|
+
cursor: pointer !important;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
* {
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
}
|
|
20
|
+
|
|
13
21
|
// 下拉
|
|
14
22
|
[ui-form-select] {
|
|
15
23
|
width: 0.8em;
|
|
16
24
|
height: 0.8em;
|
|
17
25
|
display: inline-block;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
26
|
+
|
|
27
|
+
color: var(--co-note);
|
|
28
|
+
|
|
22
29
|
background:
|
|
23
30
|
linear-gradient(45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 23.5% 65% / 35% 50%,
|
|
24
31
|
linear-gradient(-45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 76.5% 65% / 35% 50%;
|
|
@@ -28,9 +35,9 @@
|
|
|
28
35
|
[ui-form-dropdown] {
|
|
29
36
|
position: absolute;
|
|
30
37
|
top: 100%;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
38
|
+
|
|
39
|
+
background: var(--co-fore);
|
|
40
|
+
|
|
34
41
|
min-width: 100%;
|
|
35
42
|
max-height: 20rem;
|
|
36
43
|
left: 0;
|
|
@@ -59,9 +66,9 @@
|
|
|
59
66
|
box-sizing: content-box;
|
|
60
67
|
width: 0.5em;
|
|
61
68
|
height: 0.5em;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
69
|
+
|
|
70
|
+
background: var(--co-fore);
|
|
71
|
+
|
|
65
72
|
top: -0.25em;
|
|
66
73
|
left: 50%;
|
|
67
74
|
margin-left: -0.25em;
|
|
@@ -81,9 +88,7 @@
|
|
|
81
88
|
transition: all 0.35s;
|
|
82
89
|
border-radius: 0.2em;
|
|
83
90
|
&:hover {
|
|
84
|
-
|
|
85
|
-
background: var(--co-weak);
|
|
86
|
-
}
|
|
91
|
+
background: var(--co-weak);
|
|
87
92
|
}
|
|
88
93
|
}
|
|
89
94
|
}
|
|
@@ -51,9 +51,9 @@ value 规定输入字段的默认值。
|
|
|
51
51
|
flex-shrink: 0;
|
|
52
52
|
position: relative;
|
|
53
53
|
top: 0.15em;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
|
|
55
|
+
background-color: var(--co-fore);
|
|
56
|
+
|
|
57
57
|
background-image: radial-gradient(circle at 50% 50%, currentColor 28%, transparent 30%);
|
|
58
58
|
background-position-x: -0.2em;
|
|
59
59
|
transition:
|
|
@@ -61,16 +61,13 @@ value 规定输入字段的默认值。
|
|
|
61
61
|
background-position-x ease-out 0.3s;
|
|
62
62
|
|
|
63
63
|
&:checked {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
64
|
+
background-color: var(--co-main);
|
|
65
|
+
background-image: radial-gradient(circle at 50% 50%, var(--co-fore) 28%, transparent 30%);
|
|
66
|
+
|
|
68
67
|
background-position-x: 0.2em;
|
|
69
68
|
&,
|
|
70
69
|
& + * {
|
|
71
|
-
|
|
72
|
-
color: var(--co-main);
|
|
73
|
-
}
|
|
70
|
+
color: var(--co-main);
|
|
74
71
|
}
|
|
75
72
|
}
|
|
76
73
|
|
|
@@ -20,62 +20,54 @@ value 规定输入字段的默认值。
|
|
|
20
20
|
min-width: 2.5em;
|
|
21
21
|
line-height: 1.5em;
|
|
22
22
|
padding: 0.5em;
|
|
23
|
-
border-radius: 0.
|
|
23
|
+
border-radius: 0.25em;
|
|
24
24
|
transition: all 0.5s;
|
|
25
25
|
|
|
26
|
-
@include theme {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
26
|
+
// @include theme {
|
|
27
|
+
box-shadow: inset 0 0 0 1px var(--co-case);
|
|
28
|
+
background-color: var(--co-fore);
|
|
29
|
+
// }
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
|
-
@include theme {
|
|
33
|
-
|
|
34
|
-
}
|
|
32
|
+
// @include theme {
|
|
33
|
+
box-shadow: inset 0 0 0 1px var(--co-main-mm);
|
|
34
|
+
// }
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&.form-focus,
|
|
38
38
|
&:focus {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
0 0 0 2px var(--co-main-ss);
|
|
43
|
-
}
|
|
39
|
+
box-shadow:
|
|
40
|
+
inset 0 0 0 1px var(--co-main-mm),
|
|
41
|
+
0 0 0 2px var(--co-main-sm);
|
|
44
42
|
}
|
|
45
43
|
|
|
46
44
|
// 颜色
|
|
47
45
|
@each $c in $form-co {
|
|
48
46
|
&[ui-form~='co:#{$c}'] {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
background-color: var(--co-#{$c}-sl);
|
|
55
|
-
}
|
|
47
|
+
color: var(--co-#{$c}-text);
|
|
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);
|
|
56
52
|
}
|
|
57
53
|
|
|
58
54
|
&[ui-form~='co:hover:#{$c}'] {
|
|
59
55
|
&:hover {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
background-color: var(--co-#{$c}-sl);
|
|
66
|
-
}
|
|
56
|
+
color: var(--co-#{$c}-text);
|
|
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);
|
|
67
61
|
}
|
|
68
62
|
}
|
|
69
63
|
|
|
70
64
|
&[ui-form~='co:focus:#{$c}'] {
|
|
71
65
|
&:focus-within {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
background-color: var(--co-#{$c}-sl);
|
|
78
|
-
}
|
|
66
|
+
color: var(--co-#{$c}-text);
|
|
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);
|
|
79
71
|
}
|
|
80
72
|
}
|
|
81
73
|
}
|
|
@@ -83,17 +75,13 @@ value 规定输入字段的默认值。
|
|
|
83
75
|
&,
|
|
84
76
|
textarea {
|
|
85
77
|
&:-webkit-autofill {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
-webkit-text-fill-color: var(--co-read);
|
|
90
|
-
}
|
|
78
|
+
box-shadow: 0 0 0 1000px var(--co-fore) inset;
|
|
79
|
+
color: var(--co-read);
|
|
80
|
+
-webkit-text-fill-color: var(--co-read);
|
|
91
81
|
}
|
|
92
82
|
|
|
93
83
|
&::-webkit-input-placeholder {
|
|
94
|
-
|
|
95
|
-
color: var(--co-read-mm);
|
|
96
|
-
}
|
|
84
|
+
color: var(--co-read-mm);
|
|
97
85
|
}
|
|
98
86
|
}
|
|
99
87
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
%item {
|
|
13
13
|
position: relative;
|
|
14
|
-
width:
|
|
15
|
-
height:
|
|
14
|
+
width: 7.5rem;
|
|
15
|
+
height: 7.5rem;
|
|
16
16
|
display: inline-flex;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
align-items: center;
|
|
@@ -24,10 +24,9 @@
|
|
|
24
24
|
transition: all 0.5s;
|
|
25
25
|
border-style: solid;
|
|
26
26
|
border-width: 1px;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
27
|
+
|
|
28
|
+
border-color: var(--co-case);
|
|
29
|
+
background-color: var(--co-fore);
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
@keyframes am-file-add {
|
|
@@ -71,12 +70,11 @@
|
|
|
71
70
|
top: 0;
|
|
72
71
|
left: 0;
|
|
73
72
|
|
|
74
|
-
|
|
75
|
-
background-color: var(--co-fore);
|
|
76
|
-
}
|
|
73
|
+
background-color: var(--co-fore);
|
|
77
74
|
}
|
|
78
75
|
|
|
79
76
|
img,
|
|
77
|
+
svg,
|
|
80
78
|
video {
|
|
81
79
|
max-width: 100%;
|
|
82
80
|
max-height: 100%;
|
|
@@ -90,9 +88,9 @@
|
|
|
90
88
|
position: absolute;
|
|
91
89
|
width: 100%;
|
|
92
90
|
height: 100%;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
|
|
92
|
+
background-color: var(--co-fore-ls);
|
|
93
|
+
|
|
96
94
|
top: 0;
|
|
97
95
|
right: 0;
|
|
98
96
|
}
|
|
@@ -122,6 +120,7 @@
|
|
|
122
120
|
transform: translate3d(0, -0.5em, 0);
|
|
123
121
|
}
|
|
124
122
|
img,
|
|
123
|
+
svg,
|
|
125
124
|
video {
|
|
126
125
|
border-radius: 1em;
|
|
127
126
|
transform: translate3d(0, -2em, 0);
|
|
@@ -138,9 +137,9 @@
|
|
|
138
137
|
[ui-form-input] {
|
|
139
138
|
@extend %item;
|
|
140
139
|
border-style: dashed;
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
140
|
+
|
|
141
|
+
border-color: var(--co-case);
|
|
142
|
+
|
|
144
143
|
input {
|
|
145
144
|
position: absolute;
|
|
146
145
|
width: 100%;
|
|
@@ -150,9 +149,7 @@
|
|
|
150
149
|
opacity: 0;
|
|
151
150
|
|
|
152
151
|
&:-webkit-autofill {
|
|
153
|
-
|
|
154
|
-
box-shadow: 0 0 0 1000px var(--co-fore) inset;
|
|
155
|
-
}
|
|
152
|
+
box-shadow: 0 0 0 1000px var(--co-fore) inset;
|
|
156
153
|
}
|
|
157
154
|
}
|
|
158
155
|
}
|
package/neatui.scss
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
// 框架核心
|
|
4
4
|
// 重置
|
|
5
|
-
|
|
5
|
+
@forward './core/reset.scss';
|
|
6
6
|
// 主题
|
|
7
7
|
@forward './core/theme.scss';
|
|
8
8
|
// 响应
|
|
@@ -31,25 +31,24 @@
|
|
|
31
31
|
@forward './core/ux.scss';
|
|
32
32
|
|
|
33
33
|
// 组件
|
|
34
|
-
|
|
34
|
+
@forward './components/anim/index.scss';
|
|
35
35
|
@forward './components/btns/index.scss';
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
36
|
+
@forward './components/card/index.scss';
|
|
37
|
+
@forward './components/form/index.scss';
|
|
38
|
+
@forward './components/icon/index.scss';
|
|
39
|
+
@forward './components/imgs/index.scss';
|
|
40
|
+
@forward './components/line/index.scss';
|
|
41
|
+
@forward './components/list/index.scss';
|
|
42
|
+
@forward './components/load/index.scss';
|
|
43
|
+
@forward './components/menu/index.scss';
|
|
44
|
+
@forward './components/navs/index.scss';
|
|
45
|
+
@forward './components/note/index.scss';
|
|
46
|
+
@forward './components/opts/index.scss';
|
|
47
|
+
@forward './components/path/index.scss';
|
|
48
|
+
@forward './components/side/index.scss';
|
|
49
|
+
@forward './components/steps/index.scss';
|
|
50
|
+
@forward './components/table/index.scss';
|
|
51
|
+
@forward './components/tabs/index.scss';
|
|
52
|
+
@forward './components/tags/index.scss';
|
|
53
53
|
@forward './components/tips/index.scss';
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
@forward './components/title/index.scss';
|