hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Blurhash-type of thing for articles with a banner

Browse Source
This commit is contained in:
daudix
2024-09-17 04:59:08 +03:00
parent 3b633f63b4
commit 3b244ecb03
12 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
sass/_variables.scss
View File

@ -32,6 +32,10 @@
--purple-fg: rgb(220 138 221);
--red-fg: rgb(246 97 81);
--yellow-fg: rgb(248 228 92);
// FILTERS
--blurhash-blur: brightness(25%) blur(1rem);
color-scheme: dark;
}
@ -69,6 +73,7 @@
// FILTERS
--blur: saturate(180%) blur(0.75rem);
--blurhash-blur: contrast(25%) brightness(175%) blur(1rem);
// FONT SIZES
--font-size-xx-small: 0.625rem;
@ -114,10 +119,10 @@
--disabled-opacity: 60%;
// SHADOWS
--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 10%);
--shadow: 0 0 0 0.0625rem rgb(0 0 0 / 3%), 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 7%), 0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 3%);
--shadow-raised: 0 0 0 0.0625rem rgb(0 0 0 / 6%), 0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 14%), 0 0.25rem 0.75rem 0.25rem rgb(0 0 0 / 6%);
--shadow-glass: 0 0.75rem 1.5rem -1rem rgb(0 0 0 / 50%);
--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 10%);
// STATES
--hover: scale(110%);