some more changes
This commit is contained in:
parent
8c6873737c
commit
77c9f302a7
1 changed files with 9 additions and 5 deletions
|
@ -1,6 +1,5 @@
|
||||||
@import "variables";
|
@import "variables";
|
||||||
|
|
||||||
|
|
||||||
.gallery {
|
.gallery {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-flow: row dense;
|
grid-auto-flow: row dense;
|
||||||
|
@ -11,12 +10,17 @@
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
img:hover {
|
|
||||||
border: 2px ridge var(--accent);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery:has(img:hover) img:not(:hover) {
|
.gallery:has(img:hover) img:not(:hover) {
|
||||||
filter: brightness(0.5) contrast(0.5);
|
filter: brightness(0.5) contrast(0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media not (prefers-reduced-motion) {
|
||||||
|
.gallery img:hover {
|
||||||
|
position: relative;
|
||||||
|
border: 2px ridge var(--accent);
|
||||||
|
transform: scale(1.7) translate(0, 25px);
|
||||||
|
z-index: 200;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue