Ondřej Anděl
2a54a1d41f
CI / Generate TypeScript types (push) Successful in 10s
CI / Server unit tests (push) Successful in 27s
CI / Build server (push) Successful in 29s
CI / Build client (push) Successful in 43s
CI / Playwright E2E tests (push) Successful in 2m2s
CI / Build and push Docker image (push) Successful in 45s
CI / Notify (push) Successful in 2s
25 lines
717 B
SCSS
25 lines
717 B
SCSS
// Plamen stylu Hell Girl — hoří na černé přes obsah dialogu (.modal-content je relative a ve stylu
|
|
// Hell Girl ořezává přetečení), pak černá odezní a odhalí obsah.
|
|
.hg-burn {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 10;
|
|
background: #020204; // barva pozadí GIFu, aby kolem plamene nebyl vidět obdélník
|
|
pointer-events: none;
|
|
animation: hg-burn-reveal 1.5s ease-in forwards;
|
|
}
|
|
|
|
.hg-burn-flame {
|
|
position: absolute;
|
|
left: 50%;
|
|
// Dlouhý dialog může přesahovat obrazovku — plamen držet ve viditelné části
|
|
top: min(50%, 45vh);
|
|
height: min(85%, 60vh);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
@keyframes hg-burn-reveal {
|
|
0%, 50% { opacity: 1; }
|
|
100% { opacity: 0; }
|
|
}
|