That's no blurhash, that's blurnail!
This commit is contained in:
@ -321,13 +321,13 @@
|
||||
padding-block-start: 0.5rem;
|
||||
}
|
||||
|
||||
.blurhash {
|
||||
.blurnail {
|
||||
position: absolute;
|
||||
opacity: var(--dim-opacity);
|
||||
z-index: -2;
|
||||
filter: var(--blurhash-blur);
|
||||
filter: var(--blurnail-blur);
|
||||
inset: 0;
|
||||
background-image: var(--blurhash);
|
||||
background-image: var(--blurnail);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
@ -84,12 +84,24 @@
|
||||
transform-origin: bottom right;
|
||||
animation: toc-dropdown-open var(--transition);
|
||||
|
||||
:root[dir*="rtl"] & {
|
||||
transform-origin: bottom left;
|
||||
animation: toc-dropdown-open-rtl var(--transition);
|
||||
}
|
||||
|
||||
@keyframes toc-dropdown-open {
|
||||
from {
|
||||
transform: scale(50%) translate(1rem, 1rem);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes toc-dropdown-open-rtl {
|
||||
from {
|
||||
transform: scale(50%) translate(-1rem, 1rem);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
summary {
|
||||
|
@ -34,7 +34,7 @@
|
||||
--yellow-fg: rgb(248 228 92);
|
||||
|
||||
// FILTERS
|
||||
--blurhash-blur: brightness(25%) blur(1rem);
|
||||
--blurnail-blur: brightness(25%) blur(1rem);
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
@ -73,7 +73,7 @@
|
||||
|
||||
// FILTERS
|
||||
--blur: saturate(180%) blur(0.75rem);
|
||||
--blurhash-blur: contrast(25%) brightness(175%) blur(1rem);
|
||||
--blurnail-blur: contrast(25%) brightness(175%) blur(1rem);
|
||||
|
||||
// FONT SIZES
|
||||
--font-size-xx-small: 0.625rem;
|
||||
|
Reference in New Issue
Block a user