Skip to content

Commit 2a616bc

Browse files
tinyminstinymins
committed
feat: update motion animation prefix
1 parent 597dfb1 commit 2a616bc

File tree

5 files changed

+49
-49
lines changed

5 files changed

+49
-49
lines changed

‎packages/drip-table/src/styles/motion/fade.less

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
}
2222
}
2323

24-
.fade-motion(fade, drip-fade);
24+
.fade-motion(fade, jfe-drip-table-motion-fade);
2525

26-
@keyframes drip-fade-in {
26+
@keyframes jfe-drip-table-motion-fade-in {
2727
0% {
2828
opacity: 0;
2929
}
@@ -33,7 +33,7 @@
3333
}
3434
}
3535

36-
@keyframes drip-fade-out {
36+
@keyframes jfe-drip-table-motion-fade-out {
3737
0% {
3838
opacity: 1;
3939
}

‎packages/drip-table/src/styles/motion/move.less

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@
2121
}
2222
}
2323

24-
.move-motion(move-up, drip-move-up);
25-
.move-motion(move-down, drip-move-down);
26-
.move-motion(move-left, drip-move-left);
27-
.move-motion(move-right, drip-move-right);
24+
.move-motion(move-up, jfe-drip-table-motion-move-up);
25+
.move-motion(move-down, jfe-drip-table-motion-move-down);
26+
.move-motion(move-left, jfe-drip-table-motion-move-left);
27+
.move-motion(move-right, jfe-drip-table-motion-move-right);
2828

29-
@keyframes drip-move-down-in {
29+
@keyframes jfe-drip-table-motion-move-down-in {
3030
0% {
3131
transform: translateY(100%);
3232
transform-origin: 0 0;
@@ -40,7 +40,7 @@
4040
}
4141
}
4242

43-
@keyframes drip-move-down-out {
43+
@keyframes jfe-drip-table-motion-move-down-out {
4444
0% {
4545
transform: translateY(0%);
4646
transform-origin: 0 0;
@@ -54,7 +54,7 @@
5454
}
5555
}
5656

57-
@keyframes drip-move-left-in {
57+
@keyframes jfe-drip-table-motion-move-left-in {
5858
0% {
5959
transform: translateX(-100%);
6060
transform-origin: 0 0;
@@ -68,7 +68,7 @@
6868
}
6969
}
7070

71-
@keyframes drip-move-left-out {
71+
@keyframes jfe-drip-table-motion-move-left-out {
7272
0% {
7373
transform: translateX(0%);
7474
transform-origin: 0 0;
@@ -82,7 +82,7 @@
8282
}
8383
}
8484

85-
@keyframes drip-move-right-in {
85+
@keyframes jfe-drip-table-motion-move-right-in {
8686
0% {
8787
transform: translateX(100%);
8888
transform-origin: 0 0;
@@ -96,7 +96,7 @@
9696
}
9797
}
9898

99-
@keyframes drip-move-right-out {
99+
@keyframes jfe-drip-table-motion-move-right-out {
100100
0% {
101101
transform: translateX(0%);
102102
transform-origin: 0 0;
@@ -110,7 +110,7 @@
110110
}
111111
}
112112

113-
@keyframes drip-move-up-in {
113+
@keyframes jfe-drip-table-motion-move-up-in {
114114
0% {
115115
transform: translateY(-100%);
116116
transform-origin: 0 0;
@@ -124,7 +124,7 @@
124124
}
125125
}
126126

127-
@keyframes drip-move-up-out {
127+
@keyframes jfe-drip-table-motion-move-up-out {
128128
0% {
129129
transform: translateY(0%);
130130
transform-origin: 0 0;

‎packages/drip-table/src/styles/motion/other.less

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,20 +41,20 @@ html {
4141
box-shadow: 0 0 0 0 @primary-color;
4242
box-shadow: 0 0 0 0 var(--drip-wave-shadow-color);
4343
opacity: .2;
44-
animation: fade-effect 2s @ease-out-circ, wave-effect .4s @ease-out-circ;
44+
animation: jfe-drip-table-motion-fade-effect 2s @ease-out-circ, jfe-drip-table-motion-wave-effect .4s @ease-out-circ;
4545
animation-fill-mode: forwards;
4646
content: "";
4747
pointer-events: none;
4848
}
4949

50-
@keyframes wave-effect {
50+
@keyframes jfe-drip-table-motion-wave-effect {
5151
100% {
5252
box-shadow: 0 0 0 @primary-color;
5353
box-shadow: 0 0 0 @wave-animation-width var(--drip-wave-shadow-color);
5454
}
5555
}
5656

57-
@keyframes fade-effect {
57+
@keyframes jfe-drip-table-motion-fade-effect {
5858
100% {
5959
opacity: 0;
6060
}

‎packages/drip-table/src/styles/motion/slide.less

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@
2121
}
2222
}
2323

24-
.slide-motion(slide-up, drip-slide-up);
25-
.slide-motion(slide-down, drip-slide-down);
26-
.slide-motion(slide-left, drip-slide-left);
27-
.slide-motion(slide-right, drip-slide-right);
24+
.slide-motion(slide-up, jfe-drip-table-motion-slide-up);
25+
.slide-motion(slide-down, jfe-drip-table-motion-slide-down);
26+
.slide-motion(slide-left, jfe-drip-table-motion-slide-left);
27+
.slide-motion(slide-right, jfe-drip-table-motion-slide-right);
2828

29-
@keyframes drip-slide-up-in {
29+
@keyframes jfe-drip-table-motion-slide-up-in {
3030
0% {
3131
transform: scaleY(.8);
3232
transform-origin: 0% 0%;
@@ -40,7 +40,7 @@
4040
}
4141
}
4242

43-
@keyframes drip-slide-up-out {
43+
@keyframes jfe-drip-table-motion-slide-up-out {
4444
0% {
4545
transform: scaleY(1);
4646
transform-origin: 0% 0%;
@@ -54,7 +54,7 @@
5454
}
5555
}
5656

57-
@keyframes drip-slide-down-in {
57+
@keyframes jfe-drip-table-motion-slide-down-in {
5858
0% {
5959
transform: scaleY(.8);
6060
transform-origin: 100% 100%;
@@ -68,7 +68,7 @@
6868
}
6969
}
7070

71-
@keyframes drip-slide-down-out {
71+
@keyframes jfe-drip-table-motion-slide-down-out {
7272
0% {
7373
transform: scaleY(1);
7474
transform-origin: 100% 100%;
@@ -82,7 +82,7 @@
8282
}
8383
}
8484

85-
@keyframes drip-slide-left-in {
85+
@keyframes jfe-drip-table-motion-slide-left-in {
8686
0% {
8787
transform: scaleX(.8);
8888
transform-origin: 0% 0%;
@@ -96,7 +96,7 @@
9696
}
9797
}
9898

99-
@keyframes drip-slide-left-out {
99+
@keyframes jfe-drip-table-motion-slide-left-out {
100100
0% {
101101
transform: scaleX(1);
102102
transform-origin: 0% 0%;
@@ -110,7 +110,7 @@
110110
}
111111
}
112112

113-
@keyframes drip-slide-right-in {
113+
@keyframes jfe-drip-table-motion-slide-right-in {
114114
0% {
115115
transform: scaleX(.8);
116116
transform-origin: 100% 0%;
@@ -124,7 +124,7 @@
124124
}
125125
}
126126

127-
@keyframes drip-slide-right-out {
127+
@keyframes jfe-drip-table-motion-slide-right-out {
128128
0% {
129129
transform: scaleX(1);
130130
transform-origin: 100% 0%;

‎packages/drip-table/src/styles/motion/zoom.less

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,16 @@
2626
}
2727
}
2828

29-
.zoom-motion(zoom, drip-zoom);
30-
.zoom-motion(zoom-big, drip-zoom-big);
31-
.zoom-motion(zoom-big-fast, drip-zoom-big, @animation-duration-fast);
29+
.zoom-motion(zoom, jfe-drip-table-motion-zoom);
30+
.zoom-motion(zoom-big, jfe-drip-table-motion-zoom-big);
31+
.zoom-motion(zoom-big-fast, jfe-drip-table-motion-zoom-big, @animation-duration-fast);
3232

33-
.zoom-motion(zoom-up, drip-zoom-up);
34-
.zoom-motion(zoom-down, drip-zoom-down);
35-
.zoom-motion(zoom-left, drip-zoom-left);
36-
.zoom-motion(zoom-right, drip-zoom-right);
33+
.zoom-motion(zoom-up, jfe-drip-table-motion-zoom-up);
34+
.zoom-motion(zoom-down, jfe-drip-table-motion-zoom-down);
35+
.zoom-motion(zoom-left, jfe-drip-table-motion-zoom-left);
36+
.zoom-motion(zoom-right, jfe-drip-table-motion-zoom-right);
3737

38-
@keyframes drip-zoom-in {
38+
@keyframes jfe-drip-table-motion-zoom-in {
3939
0% {
4040
transform: scale(.2);
4141
opacity: 0;
@@ -47,7 +47,7 @@
4747
}
4848
}
4949

50-
@keyframes drip-zoom-out {
50+
@keyframes jfe-drip-table-motion-zoom-out {
5151
0% {
5252
transform: scale(1);
5353
}
@@ -58,7 +58,7 @@
5858
}
5959
}
6060

61-
@keyframes drip-zoom-big-in {
61+
@keyframes jfe-drip-table-motion-zoom-big-in {
6262
0% {
6363
transform: scale(.8);
6464
opacity: 0;
@@ -70,7 +70,7 @@
7070
}
7171
}
7272

73-
@keyframes drip-zoom-big-out {
73+
@keyframes jfe-drip-table-motion-zoom-big-out {
7474
0% {
7575
transform: scale(1);
7676
}
@@ -81,7 +81,7 @@
8181
}
8282
}
8383

84-
@keyframes drip-zoom-up-in {
84+
@keyframes jfe-drip-table-motion-zoom-up-in {
8585
0% {
8686
transform: scale(.8);
8787
transform-origin: 50% 0%;
@@ -94,7 +94,7 @@
9494
}
9595
}
9696

97-
@keyframes drip-zoom-up-out {
97+
@keyframes jfe-drip-table-motion-zoom-up-out {
9898
0% {
9999
transform: scale(1);
100100
transform-origin: 50% 0%;
@@ -107,7 +107,7 @@
107107
}
108108
}
109109

110-
@keyframes drip-zoom-left-in {
110+
@keyframes jfe-drip-table-motion-zoom-left-in {
111111
0% {
112112
transform: scale(.8);
113113
transform-origin: 0% 50%;
@@ -120,7 +120,7 @@
120120
}
121121
}
122122

123-
@keyframes drip-zoom-left-out {
123+
@keyframes jfe-drip-table-motion-zoom-left-out {
124124
0% {
125125
transform: scale(1);
126126
transform-origin: 0% 50%;
@@ -133,7 +133,7 @@
133133
}
134134
}
135135

136-
@keyframes drip-zoom-right-in {
136+
@keyframes jfe-drip-table-motion-zoom-right-in {
137137
0% {
138138
transform: scale(.8);
139139
transform-origin: 100% 50%;
@@ -146,7 +146,7 @@
146146
}
147147
}
148148

149-
@keyframes drip-zoom-right-out {
149+
@keyframes jfe-drip-table-motion-zoom-right-out {
150150
0% {
151151
transform: scale(1);
152152
transform-origin: 100% 50%;
@@ -159,7 +159,7 @@
159159
}
160160
}
161161

162-
@keyframes drip-zoom-down-in {
162+
@keyframes jfe-drip-table-motion-zoom-down-in {
163163
0% {
164164
transform: scale(.8);
165165
transform-origin: 50% 100%;
@@ -172,7 +172,7 @@
172172
}
173173
}
174174

175-
@keyframes drip-zoom-down-out {
175+
@keyframes jfe-drip-table-motion-zoom-down-out {
176176
0% {
177177
transform: scale(1);
178178
transform-origin: 50% 100%;

0 commit comments

Comments
 (0)