|
|
|
@ -108,7 +108,7 @@ body::-webkit-scrollbar-thumb {
|
|
|
|
|
// BUTTONS
|
|
|
|
|
// ------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
#app .acrylic-btn {
|
|
|
|
|
.q-btn.acrylic-btn {
|
|
|
|
|
.q-focus-helper {
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
opacity: .1;
|
|
|
|
@ -168,6 +168,25 @@ body::-webkit-scrollbar-thumb {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ------------------------------------------------------------------
|
|
|
|
|
// LOADING ANIMATIONS
|
|
|
|
|
// ------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
.syncing-enter-active {
|
|
|
|
|
animation: syncing-anim .1s;
|
|
|
|
|
}
|
|
|
|
|
.syncing-leave-active {
|
|
|
|
|
animation: syncing-anim 1s reverse;
|
|
|
|
|
}
|
|
|
|
|
@keyframes syncing-anim {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ------------------------------------------------------------------
|
|
|
|
|
// IMPORTS
|
|
|
|
|
// ------------------------------------------------------------------
|
|
|
|
|