+23
-6
lines changedFilter options
+23
-6
lines changed Original file line number Diff line number Diff line change
@@ -96,9 +96,15 @@
96 96
}
97 97
},
98 98
watch: {
99 +
mdValue () {
100 +
this.attachCircleStyle()
101 +
},
99 102
mdDiameter () {
100 103
this.attachSvgStyle()
101 104
this.attachCircleStyle()
105 +
},
106 +
mdStroke () {
107 +
this.attachCircleStyle()
102 108
}
103 109
},
104 110
methods: {
@@ -169,7 +175,7 @@
169 175
transform: rotate(4680deg)
170 176
}
171 177
}
172 - 178 + 173 179
@keyframes md-progress-spinner-stroke-rotate {
174 180
0% {
175 181
stroke-dashoffset: var(--md-progress-spinner-start-value);
@@ -260,31 +266,42 @@
260 266
animation: md-progress-spinner-rotate 2s linear infinite;
261 267 262 268
&.md-progress-spinner-enter,
263 -
&.md-progress-spinner-leave-active {
264 -
transition-duration: .4s;
265 - 269 +
&.md-progress-spinner-leave-to {
266 270
.md-progress-spinner-draw {
267 271
opacity: 0;
268 272
transform: scale(.1);
269 273
}
270 274
}
271 275 276 +
&.md-progress-spinner-enter-active,
277 +
&.md-progress-spinner-leave-active {
278 +
transition-duration: .4s;
279 +
animation: none;
280 +
}
281 + 272 282
.md-progress-spinner-circle {
273 283
animation: 4s infinite $md-transition-stand-timing;
274 284
animation-name: md-progress-spinner-stroke-rotate;
275 285
}
276 286
}
277 287 278 288
&.md-determinate {
279 -
&.md-progress-spinner-enter-active,
280 -
&.md-progress-spinner-leave-active {
289 +
&.md-progress-spinner-enter-active {
281 290
transition-duration: 2s;
282 291 283 292
.md-progress-spinner-draw {
284 293
animation: md-progress-spinner-initial-rotate 1.98s $md-transition-stand-timing forwards;
285 294
}
286 295
}
287 296 297 +
&.md-progress-spinner-leave-active {
298 +
transition-duration: 2s;
299 + 300 +
.md-progress-spinner-draw {
301 +
animation: md-progress-spinner-initial-rotate reverse 1.98s $md-transition-stand-timing forwards;
302 +
}
303 +
}
304 + 288 305
.md-progress-spinner-draw {
289 306
transition: none;
290 307
}
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4