mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-22 02:19: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';
|
@import '../../utils/mixin.less';
|
||||||
|
|
||||||
#pause.dh-style {
|
#pause.dh-style {
|
||||||
|
animation: none;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 125px;
|
||||||
|
height: 125px;
|
||||||
|
}
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
|
--base-shadow: drop-shadow(2px 2px 2px black);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
animation: pause-pulse 3s ease-in-out infinite;
|
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 {
|
@keyframes pause-pulse {
|
||||||
0% {
|
0% {
|
||||||
filter: drop-shadow(0 0 5px @secondary-blue);
|
filter: var(--base-shadow) drop-shadow(0 0 5px @secondary-blue);
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
filter: drop-shadow(0 0 5px @golden);
|
filter: var(--base-shadow) drop-shadow(0 0 5px @golden-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
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-8: 0.5rem;
|
||||||
--font-size-9: 0.5625rem;
|
--font-size-9: 0.5625rem;
|
||||||
--font-size-22: 1.375rem;
|
--font-size-22: 1.375rem;
|
||||||
|
--font-size-30: 1.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-title: ~"var(--dh-font-title, 'Cinzel Decorative'), serif";
|
@font-title: ~"var(--dh-font-title, 'Cinzel Decorative'), serif";
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue