mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-22 02:19:54 +02:00
[Feature] Improved Countdown Animations (#2010)
Some checks failed
Project CI / build (24.x) (push) Has been cancelled
Some checks failed
Project CI / build (24.x) (push) Has been cancelled
This commit is contained in:
parent
d2e87e4eb9
commit
975c655828
3 changed files with 37 additions and 58 deletions
|
|
@ -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%
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue