2024-06-07 11:04:31 +00:00
|
|
|
@import "variables";
|
|
|
|
|
2024-06-07 12:29:58 +00:00
|
|
|
|
2024-06-07 11:04:31 +00:00
|
|
|
.gallery {
|
|
|
|
display: grid;
|
2024-06-07 12:29:58 +00:00
|
|
|
grid-auto-flow: row dense;
|
|
|
|
grid-auto-rows: 1fr;
|
|
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
|
|
gap: 2em 2em;
|
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
img:hover {
|
|
|
|
border: 2px ridge var(--accent);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.gallery:has(img:hover) img:not(:hover) {
|
|
|
|
filter: brightness(0.5) contrast(0.5);
|
2024-06-07 11:04:31 +00:00
|
|
|
}
|