Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-08 22:33:24 +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

2
README.md
View File

@@ -28,7 +28,7 @@ See the [Data wiki](https://github.com/cmmcleod/coriolis-data/wiki) for details
## License
All Data and [associated JSON](https://github.com/cmmcleod/coriolis/tree/master/data) files are intellectual property and copyright of Frontier Developments plc ('Frontier', 'Frontier Developments') and are subject to their
All Data and [associated JSON](https://github.com/cmmcleod/coriolis-data) files are intellectual property and copyright of Frontier Developments plc ('Frontier', 'Frontier Developments') and are subject to their
[terms and conditions](https://www.frontierstore.net/terms-and-conditions/).
The code (Javascript, CSS, HTML, and SVG files only) specificially for Coriolis.io is released under the MIT License.

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);