development/1c7d2912-f512-4bf2-acfc-9daec0558aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-commit: Add blur on hover on all image blocks

Browse Source
This commit is contained in:
kudindmitriy
2026-01-14 22:13:13 +01:00
parent 92e2c3042b
commit fd5a9d14f4
2 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/globals.css
View File

@@ -98,6 +98,9 @@
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
.image-block img:hover {
filter: blur(5px);
}
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: calc(var(--width-content-width) / 3 - var(--vw-1_5) / 3 * 2);
--width-carousel-item-4: calc(var(--width-content-width) / 4 - var(--vw-1_5) / 4 * 3);