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

13
sass/_article-list.scss
View File

@ -10,7 +10,7 @@
outline-color: transparent;
outline-style: dashed;
outline-width: 0.125rem;
box-shadow: var(--edge-highlight);
box-shadow: var(--edge-highlight), var(--shadow-glass);
border-radius: var(--rounded-corner);
border-start-end-radius: 2.125rem;
border-end-end-radius: 1.8125rem;
@ -320,5 +320,16 @@
border-block-start: max(1px, 0.0625rem) solid var(--fg-muted-2);
padding-block-start: 0.5rem;
}
.blurhash {
position: absolute;
opacity: var(--dim-opacity);
z-index: -1;
filter: var(--blurhash-blur);
inset: 0;
background-image: var(--blurhash);
background-position: center;
background-size: cover;
}
}
}