Increase size of pause image and text (#2012)
Some checks failed
Project CI / build (24.x) (push) Has been cancelled

This commit is contained in:
Carlos Fernandez 2026-06-19 04:46:20 -04:00 committed by GitHub
parent 961e124ef2
commit 0b7ae8a76c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 3 deletions

View file

@ -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);
}
}
}

View file

@ -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";