121 lines
1.5 KiB
SCSS
121 lines
1.5 KiB
SCSS
/*Shimmer for links*/
|
|
@-webkit-keyframes glowingShimmer {
|
|
0% {
|
|
background-position: -4rem top;
|
|
/*50px*/
|
|
}
|
|
70% {
|
|
background-position: 12.5rem top;
|
|
/*200px*/
|
|
}
|
|
100% {
|
|
background-position: 12.5rem top;
|
|
/*200px*/
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes toastify-notification-fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
@keyframes toast-notification-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 0.9;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
@mixin animation-breathe($b1, $b2, $f1, $f2) {
|
|
@keyframes breathe {
|
|
0% {
|
|
background-color: $b1;
|
|
color: $f1;
|
|
}
|
|
50% {
|
|
background-color: $b2;
|
|
color: $f2;
|
|
}
|
|
100% {
|
|
background-color: $b1;
|
|
color: $f1;
|
|
}
|
|
}
|
|
}
|
|
@mixin animation-bounce($f1, $f2) {
|
|
@keyframes bounce {
|
|
0% {
|
|
color: $f1;
|
|
}
|
|
|
|
50% {
|
|
color: $f2;
|
|
}
|
|
100% {
|
|
color: $f1;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes file-watcher-fade {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
40% {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
80% {
|
|
background: $successColor;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
@keyframes upload-dialog-expand {
|
|
0% {
|
|
height: 50px;
|
|
}
|
|
|
|
100% {
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
@keyframes upload-dialog-minimize {
|
|
0% {
|
|
height: 50%;
|
|
}
|
|
|
|
100% {
|
|
height: 50px;
|
|
}
|
|
}
|