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 ## 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/). [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. 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 { @keyframes outer {
0% { opacity: 0; } 0% { opacity: 0.3; }
10% { opacity: 1; } 20% { opacity: 1; }
100% { opacity: 0; } 100% { opacity: 0.3; }
} }
@keyframes inner { @keyframes inner {
0% { opacity: 0; } 0% { opacity: 0.4; }
10% { opacity: 1; } 20% { opacity: 1; }
100% { opacity: 0; } 100% { opacity: 0.4; }
} }
@animationTime: 750ms; @animationTime: 1000ms;
@outerTriangles: 19; @outerTriangles: 19;
@animationDelay: @animationTime / @outerTriangles; @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; } .l2 { animation: inner @animationTime linear infinite; }
.mixin-loop (@i) when (@i > 0) { .mixin-loop (@i) when (@i > 0) {
.d@{i} { .d@{i} {
opacity: @i / @outerTriangles;
animation-delay: @i * @animationDelay; animation-delay: @i * @animationDelay;
} }
.mixin-loop(@i - 1); .mixin-loop(@i - 1);