@neatui/css 2.0.1 → 2.0.3

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.
@@ -27,6 +27,11 @@ $size: 'xs', 's', 'm', 'l', 'xl';
27
27
  background: co(weak);
28
28
  }
29
29
  }
30
+ &.disabled {
31
+ pointer-events: none;
32
+ cursor: not-allowed;
33
+ opacity: 0.5;
34
+ }
30
35
 
31
36
  // 按钮尺寸
32
37
  $base: 1.5;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:date'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@a'] {
19
19
  &[ui-form~='type:input'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  height: 100%;
23
23
  height: 2.5em;
24
24
  line-height: 1.5em;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:select'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@a'] {
19
19
  &[ui-form~='type:textarea'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  line-height: 1.5em;
23
23
  padding: 0.5em;
24
24
  border-radius: 0.25em;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:date'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@b'] {
19
19
  &[ui-form~='type:input'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  height: 100%;
23
23
  height: 2.5em;
24
24
  line-height: 1.5em;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:select'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@b'] {
19
19
  &[ui-form~='type:textarea'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  line-height: 1.5em;
23
23
  padding: 0.5em;
24
24
  border-radius: 0.25em;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:date'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@c'] {
19
19
  &[ui-form~='type:input'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  height: 100%;
23
23
  height: 2.5em;
24
24
  line-height: 1.5em;
@@ -26,7 +26,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
26
26
  border-radius: 0.25em;
27
27
  transition: all 0.5s;
28
28
 
29
- box-shadow: inset 0 0 0 1px var(--co-case);
29
+ // box-shadow: inset 0 0 0 1px var(--co-case);
30
30
  background-color: var(--bg-weak);
31
31
 
32
32
  display: inline-flex;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:select'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -17,7 +17,7 @@ $co: 'info', 'well', 'warn', 'risk';
17
17
  [ui-form~='@c'] {
18
18
  &[ui-form~='type:textarea'] {
19
19
  position: relative;
20
- min-width: 6em;
20
+ min-width: 2.5em;
21
21
  line-height: 1.5em;
22
22
  padding: 0.5em;
23
23
  border-radius: 0.25em;
@@ -11,8 +11,8 @@
11
11
 
12
12
  %item {
13
13
  position: relative;
14
- width: 10rem;
15
- height: 10rem;
14
+ width: 7.5rem;
15
+ height: 7.5rem;
16
16
  display: inline-flex;
17
17
  justify-content: center;
18
18
  align-items: center;
@@ -74,6 +74,7 @@
74
74
  }
75
75
 
76
76
  img,
77
+ svg,
77
78
  video {
78
79
  max-width: 100%;
79
80
  max-height: 100%;
@@ -88,12 +89,13 @@
88
89
  width: 100%;
89
90
  height: 100%;
90
91
 
91
- background-color: var(--co-fore-lm);
92
+ background-color: var(--co-fore-ls);
92
93
 
93
94
  top: 0;
94
95
  right: 0;
95
96
  }
96
97
 
98
+ // 工具栏
97
99
  [ui-form-file-tools] {
98
100
  position: absolute;
99
101
  height: 1.5em;
@@ -118,6 +120,7 @@
118
120
  transform: translate3d(0, -0.5em, 0);
119
121
  }
120
122
  img,
123
+ svg,
121
124
  video {
122
125
  border-radius: 1em;
123
126
  transform: translate3d(0, -2em, 0);
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:date'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -18,7 +18,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
18
18
  [ui-form~='@d'] {
19
19
  &[ui-form~='type:input'] {
20
20
  position: relative;
21
- min-width: 6em;
21
+ min-width: 2.5em;
22
22
  height: 100%;
23
23
  height: 2.5em;
24
24
  line-height: 1.5em;
@@ -5,7 +5,7 @@ $sz: 'xs', 's', 'm', 'l', 'xl';
5
5
  &[ui-form~='type:select'] {
6
6
  position: relative;
7
7
  cursor: pointer;
8
- min-width: 6em;
8
+ min-width: 2.5em;
9
9
  height: 2.5em;
10
10
  line-height: 1.5em;
11
11
  transition: all 0.5s;
@@ -17,7 +17,7 @@ $co: 'info', 'well', 'warn', 'risk';
17
17
  [ui-form~='@d'] {
18
18
  &[ui-form~='type:textarea'] {
19
19
  position: relative;
20
- min-width: 6em;
20
+ min-width: 2.5em;
21
21
  line-height: 1.5em;
22
22
  padding: 0.5em;
23
23
  border-radius: 0.1em;
package/core/reset.scss CHANGED
@@ -33,8 +33,8 @@ ul {
33
33
 
34
34
  body {
35
35
  font-family:
36
- Microsoft YaHei,
37
36
  PingFang SC,
37
+ Microsoft YaHei,
38
38
  sans-serif;
39
39
  line-height: 1.75;
40
40
 
package/core/theme.scss CHANGED
@@ -61,7 +61,7 @@ $theme: if(
61
61
  note: mix(map-get($s, 'text'), map-get($s, 'fore'), 35%),
62
62
  case: mix(map-get($s, 'text'), map-get($s, 'fore'), 20%),
63
63
  line: mix(map-get($s, 'text'), map-get($s, 'fore'), 10%),
64
- weak: mix(map-get($s, 'text'), map-get($s, 'fore'), 3%),
64
+ weak: mix(map-get($s, 'text'), map-get($s, 'fore'), 4%),
65
65
  // deep:
66
66
  // rgb(
67
67
  // red(map-get($s, 'back')) - (red(map-get($s, 'back')) * 0.05 + 5),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neatui/css",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "description": "neatui",
5
5
  "main": "./neatui.scss",
6
6
  "license": "MIT",