mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-21 18:09:54 +02:00
Increase size of pause image and text (#2012)
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
961e124ef2
commit
0b7ae8a76c
2 changed files with 15 additions and 3 deletions
|
|
@ -1,23 +1,34 @@
|
|||
@import '../../utils/mixin.less';
|
||||
|
||||
#pause.dh-style {
|
||||
animation: none;
|
||||
|
||||
img {
|
||||
width: 125px;
|
||||
height: 125px;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
--base-shadow: drop-shadow(2px 2px 2px black);
|
||||
position: absolute;
|
||||
margin-top: 24px;
|
||||
animation: pause-pulse 3s ease-in-out infinite;
|
||||
font-size: var(--font-size-30);
|
||||
letter-spacing: 0.18em;
|
||||
filter: var(--base-shadow);
|
||||
}
|
||||
|
||||
@keyframes pause-pulse {
|
||||
0% {
|
||||
filter: drop-shadow(0 0 5px @secondary-blue);
|
||||
filter: var(--base-shadow) drop-shadow(0 0 5px @secondary-blue);
|
||||
}
|
||||
|
||||
50% {
|
||||
filter: drop-shadow(0 0 5px @golden);
|
||||
filter: var(--base-shadow) drop-shadow(0 0 5px @golden-secondary);
|
||||
}
|
||||
|
||||
100% {
|
||||
filter: drop-shadow(0 0 5px @secondary-blue);
|
||||
filter: var(--base-shadow) drop-shadow(0 0 5px @secondary-blue);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -10,6 +10,7 @@
|
|||
--font-size-8: 0.5rem;
|
||||
--font-size-9: 0.5625rem;
|
||||
--font-size-22: 1.375rem;
|
||||
--font-size-30: 1.875rem;
|
||||
}
|
||||
|
||||
@font-title: ~"var(--dh-font-title, 'Cinzel Decorative'), serif";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue