1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
| #flash-container { position: absolute; top: 0; right: 0; z-index: 1; }
#flash-container input:checked ~ * { display: none; }
#flash-container label { float: right; padding: var(--padding); cursor: pointer; }
#flash-container .flash { background-color: var(--color-background-muted); opacity: 1; transition: opacity 500ms linear; }
@media (prefers-reduced-motion) { #flash-container .flash { transition: none; } }
#flash-container .flash .content { min-width: 480px; padding: 16px 0 0 12px; min-height: var(--nav-height); }
#flash-container .flash-success { color: var(--color-success); }
#flash-container .flash-error { color: var(--color-error); }
|