Skip to content

Commit 41da930

Browse files
committed
prefix the animation names
1 parent 3e6caec commit 41da930

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

web_src/css/features/dropzone.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
@keyframes passing-through {
1+
@keyframes dz-passing-through {
22
0% { opacity: 0; transform: translateY(40px); }
33
30%, 70% { opacity: 1; transform: translateY(0); }
44
100% { opacity: 0; transform: translateY(-40px); }
55
}
66

7-
@keyframes slide-in {
7+
@keyframes dz-slide-in {
88
0% { opacity: 0; transform: translateY(40px); }
99
30% { opacity: 1; transform: translateY(0); }
1010
}
1111

12-
@keyframes pulse {
12+
@keyframes dz-pulse {
1313
0% { transform: scale(1); }
1414
10% { transform: scale(1.1); }
1515
20% { transform: scale(1); }
@@ -152,12 +152,12 @@
152152
}
153153

154154
.dropzone .dz-preview.dz-success .dz-success-mark {
155-
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
155+
animation: dz-passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
156156
}
157157

158158
.dropzone .dz-preview.dz-error .dz-error-mark {
159159
opacity: 1;
160-
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
160+
animation: dz-slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
161161
}
162162

163163
.dropzone .dz-preview .dz-success-mark,
@@ -193,7 +193,7 @@
193193
}
194194

195195
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
196-
animation: pulse 6s ease infinite;
196+
animation: dz-pulse 6s ease infinite;
197197
}
198198

199199
.dropzone .dz-preview .dz-progress {

0 commit comments

Comments
 (0)