development/6d96d761-e665-450e-83fb-343d23264278
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Edit: add blur on hover to all images on the site

Browse Source
This commit is contained in:
kudindmitriy
2026-01-20 17:49:13 +02:00
parent 49687f0f8b
commit b00cc3a618
2 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/globals.css
View File

@@ -66,7 +66,7 @@
--width-26: clamp(19.5rem, 26vw, 26rem);
--width-27_5: clamp(20.625rem, 27.5vw, 27.5rem);
--width-30: clamp(22.5rem, 30vw, 30rem);
--width-32_5: clamp(24.375rem, 32.5vw, 32.5rem);
--width-32_5: clamp(24.375rem, 32.5vw, 32.5rem); /* Added a semicolon at the end */
--width-35: clamp(26.25rem, 35vw, 35rem);
--width-37_5: clamp(28.125rem, 37.5vw, 37.5rem);
--width-40: clamp(30rem, 40vw, 40rem);
@@ -98,6 +98,15 @@
--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));
img:hover {
filter: blur(5px);
}
img:hover {
filter: blur(5px);
}
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);