Changed to using animate instead of class-based css

This commit is contained in:
WBHarry 2026-06-16 23:09:10 +02:00
parent d2e87e4eb9
commit 3641d328bf
3 changed files with 37 additions and 58 deletions

View file

@ -88,10 +88,6 @@
&.inactive {
opacity: 0.4;
}
&.change-glow {
animation: glow 1s ease-in-out infinite;
}
}
}
}
@ -118,13 +114,9 @@
display: flex;
width: 100%;
border-radius: 6px;
&.change-glow {
animation: shimmer 1s ease-out;
background: linear-gradient(-45deg, transparent 30%, light-dark(@dark-blue-40, @golden-40) 35%, transparent 40%);
background-size: 300%;
background-position-x: 100%
}
background: linear-gradient(-45deg, transparent 30%, light-dark(@dark-blue-40, @golden-40) 35%, transparent 40%);
background-size: 300%;
background-position-x: 100%;
&.icon-only {
gap: 8px;
@ -225,23 +217,4 @@
// }
}
}
@keyframes glow {
0% {
box-shadow: 0 0 1px 1px @golden;
}
100% {
box-shadow: 0 0 2px 2px @golden;
}
}
@keyframes shimmer {
from {
background-position-x: 98%;
}
to {
background-position-x: 0%
}
}
}