Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-09 22:55:35 +00:00
Code Issues Projects Releases Wiki Activity

Tweak loader

Browse Source
This commit is contained in:
Colin McLeod
2015-11-12 11:27:56 -08:00
parent 16c76b2598
commit c527a62ce6
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/less/loader.less
View File

@@ -1,16 +1,16 @@
@keyframes hideshow {
0% { opacity: 0; }
10% { opacity: 1; }
100% { opacity: 0; }
@keyframes outer {
0% { opacity: 0.3; }
20% { opacity: 1; }
100% { opacity: 0.3; }
}
@keyframes inner {
0% { opacity: 0; }
10% { opacity: 1; }
100% { opacity: 0; }
0% { opacity: 0.4; }
20% { opacity: 1; }
100% { opacity: 0.4; }
}
@animationTime: 750ms;
@animationTime: 1000ms;
@outerTriangles: 19;
@animationDelay: @animationTime / @outerTriangles;
@@ -23,11 +23,12 @@
}
}
.l1 { animation: hideshow @animationTime linear infinite; }
.l1 { animation: outer @animationTime linear infinite; }
.l2 { animation: inner @animationTime linear infinite; }
.mixin-loop (@i) when (@i > 0) {
.d@{i} {
opacity: @i / @outerTriangles;
animation-delay: @i * @animationDelay;
}
.mixin-loop(@i - 1);