Started to build out the app. Its got a basic set of features and it should really be in VC
This commit is contained in:
70
client/semantic/src/themes/pulsar/elements/loader.overrides
Normal file
70
client/semantic/src/themes/pulsar/elements/loader.overrides
Normal file
@@ -0,0 +1,70 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
.ui.loader:after {
|
||||
-webkit-animation: loader-pulsar 2s infinite linear;
|
||||
animation: loader-pulsar 2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes loader-pulsar {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: rotate(740deg);
|
||||
transform: rotate(740deg);
|
||||
opacity: 1;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: rotate(1120deg);
|
||||
transform: rotate(1120deg);
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: rotate(1440deg);
|
||||
transform: rotate(1440deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(1800deg);
|
||||
transform: rotate(1800deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loader-pulsar {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: rotate(740deg);
|
||||
transform: rotate(740deg);
|
||||
opacity: 1;
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: rotate(1120deg);
|
||||
transform: rotate(1120deg);
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: rotate(1440deg);
|
||||
transform: rotate(1440deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(1800deg);
|
||||
transform: rotate(1800deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
@@ -0,0 +1,7 @@
|
||||
/*******************************
|
||||
Loader
|
||||
*******************************/
|
||||
|
||||
@loaderSpeed: 2s;
|
||||
@loaderLineColor: @primaryColor;
|
||||
@invertedLoaderLineColor: @lightPrimaryColor;
|
Reference in New Issue
Block a user