@semi-kit/theme 1.4.8 → 1.4.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.
Files changed (3) hide show
  1. package/lib/base.css +11 -11
  2. package/lib/base.less +120 -120
  3. package/package.json +1 -1
package/lib/base.css CHANGED
@@ -1,11 +1,11 @@
1
- :root {
2
- --padding: 12px;
3
- --margin: 12px;
4
- --border-radius-small: 4px;
5
- --border-radius-default: 6px;
6
- --border-radius-large: 8px;
7
- --placeholder-color: #f3f3f3;
8
- --placeholder-color-dark: #18181c;
9
- --duration: 0.2s;
10
- }
11
-
1
+ :root {
2
+ --padding: 12px;
3
+ --margin: 12px;
4
+ --border-radius-small: 4px;
5
+ --border-radius-default: 6px;
6
+ --border-radius-large: 8px;
7
+ --placeholder-color: #f3f3f3;
8
+ --placeholder-color-dark: #18181c;
9
+ --duration: 0.2s;
10
+ }
11
+
package/lib/base.less CHANGED
@@ -1,120 +1,120 @@
1
- html,
2
- body,
3
- #app,
4
- #base-layout,
5
- .n-config-provider {
6
- height: 100%;
7
- width: 100%;
8
- }
9
-
10
- html,
11
- body,
12
- #app {
13
- overflow: hidden;
14
- margin: 0;
15
- padding: 0;
16
- }
17
-
18
- a {
19
- text-decoration: none;
20
- color: unset;
21
- }
22
-
23
- // -------------------------------------------------------------------------------------------- > Router View Transition
24
-
25
- // Zoom Out
26
- .zoom-out-enter-active,
27
- .zoom-out-leave-active {
28
- transition:
29
- opacity 0.1s ease-in-out,
30
- transform 0.15s ease-out;
31
- }
32
- .zoom-out-enter-from,
33
- .zoom-out-leave-to {
34
- opacity: 0;
35
- transform: scale(0);
36
- }
37
-
38
- // Zoom Fade
39
- .zoom-fade-enter-active,
40
- .zoom-fade-leave-active {
41
- transition:
42
- transform 0.2s,
43
- opacity 0.3s ease-out;
44
- }
45
- .zoom-fade-enter-from {
46
- opacity: 0;
47
- transform: scale(0.92);
48
- }
49
- .zoom-fade-leave-to {
50
- opacity: 0;
51
- transform: scale(1.06);
52
- }
53
-
54
- // Fade Scale
55
- .fade-scale-leave-active,
56
- .fade-scale-enter-active {
57
- transition: all 0.28s;
58
- }
59
- .fade-scale-enter-from {
60
- opacity: 0;
61
- transform: scale(1.2);
62
- }
63
- .fade-scale-leave-to {
64
- opacity: 0;
65
- transform: scale(0.8);
66
- }
67
-
68
- // Fade Slide
69
- .fade-slide-leave-active,
70
- .fade-slide-enter-active {
71
- transition: all var(--duration);
72
- }
73
- .fade-slide-enter-from {
74
- opacity: 0;
75
- transform: translateX(-30px);
76
- }
77
- .fade-slide-leave-to {
78
- opacity: 0;
79
- transform: translateX(30px);
80
- }
81
-
82
- // Fade Bottom
83
- .fade-bottom-enter-active,
84
- .fade-bottom-leave-active {
85
- transition:
86
- opacity 0.25s,
87
- transform 0.3s;
88
- }
89
- .fade-bottom-enter-from {
90
- opacity: 0;
91
- transform: translateY(-10%);
92
- }
93
- .fade-bottom-leave-to {
94
- opacity: 0;
95
- transform: translateY(10%);
96
- }
97
-
98
- ::-webkit-scrollbar {
99
- width: 6px;
100
- height: 6px;
101
- cursor: pointer;
102
- }
103
-
104
- ::-webkit-scrollbar-track {
105
- background-color: transparent;
106
- }
107
-
108
- ::-webkit-scrollbar-thumb {
109
- background-color: #bfbfbf;
110
- border-radius: 6px;
111
- }
112
-
113
- ::-webkit-scrollbar-thumb:hover {
114
- background-color: #999999;
115
- }
116
-
117
- ::-webkit-scrollbar-thumb:active {
118
- background-color: #999999;
119
- }
120
-
1
+ html,
2
+ body,
3
+ #app,
4
+ #base-layout,
5
+ .n-config-provider {
6
+ height: 100%;
7
+ width: 100%;
8
+ }
9
+
10
+ html,
11
+ body,
12
+ #app {
13
+ overflow: hidden;
14
+ margin: 0;
15
+ padding: 0;
16
+ }
17
+
18
+ a {
19
+ text-decoration: none;
20
+ color: unset;
21
+ }
22
+
23
+ // -------------------------------------------------------------------------------------------- > Router View Transition
24
+
25
+ // Zoom Out
26
+ .zoom-out-enter-active,
27
+ .zoom-out-leave-active {
28
+ transition:
29
+ opacity 0.1s ease-in-out,
30
+ transform 0.15s ease-out;
31
+ }
32
+ .zoom-out-enter-from,
33
+ .zoom-out-leave-to {
34
+ opacity: 0;
35
+ transform: scale(0);
36
+ }
37
+
38
+ // Zoom Fade
39
+ .zoom-fade-enter-active,
40
+ .zoom-fade-leave-active {
41
+ transition:
42
+ transform 0.2s,
43
+ opacity 0.3s ease-out;
44
+ }
45
+ .zoom-fade-enter-from {
46
+ opacity: 0;
47
+ transform: scale(0.92);
48
+ }
49
+ .zoom-fade-leave-to {
50
+ opacity: 0;
51
+ transform: scale(1.06);
52
+ }
53
+
54
+ // Fade Scale
55
+ .fade-scale-leave-active,
56
+ .fade-scale-enter-active {
57
+ transition: all 0.28s;
58
+ }
59
+ .fade-scale-enter-from {
60
+ opacity: 0;
61
+ transform: scale(1.2);
62
+ }
63
+ .fade-scale-leave-to {
64
+ opacity: 0;
65
+ transform: scale(0.8);
66
+ }
67
+
68
+ // Fade Slide
69
+ .fade-slide-leave-active,
70
+ .fade-slide-enter-active {
71
+ transition: all var(--duration);
72
+ }
73
+ .fade-slide-enter-from {
74
+ opacity: 0;
75
+ transform: translateX(-30px);
76
+ }
77
+ .fade-slide-leave-to {
78
+ opacity: 0;
79
+ transform: translateX(30px);
80
+ }
81
+
82
+ // Fade Bottom
83
+ .fade-bottom-enter-active,
84
+ .fade-bottom-leave-active {
85
+ transition:
86
+ opacity 0.25s,
87
+ transform 0.3s;
88
+ }
89
+ .fade-bottom-enter-from {
90
+ opacity: 0;
91
+ transform: translateY(-10%);
92
+ }
93
+ .fade-bottom-leave-to {
94
+ opacity: 0;
95
+ transform: translateY(10%);
96
+ }
97
+
98
+ ::-webkit-scrollbar {
99
+ width: 6px;
100
+ height: 6px;
101
+ cursor: pointer;
102
+ }
103
+
104
+ ::-webkit-scrollbar-track {
105
+ background-color: transparent;
106
+ }
107
+
108
+ ::-webkit-scrollbar-thumb {
109
+ background-color: #bfbfbf;
110
+ border-radius: 6px;
111
+ }
112
+
113
+ ::-webkit-scrollbar-thumb:hover {
114
+ background-color: #999999;
115
+ }
116
+
117
+ ::-webkit-scrollbar-thumb:active {
118
+ background-color: #999999;
119
+ }
120
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-kit/theme",
3
- "version": "1.4.8",
3
+ "version": "1.4.9",
4
4
  "description": "Theme and style presets",
5
5
  "type": "module",
6
6
  "author": "lijiaheng <jahnli@163.com>",