bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use correct class selectors to target cards with background images

Browse Source
This commit is contained in:
Andy Smith
2026-01-15 12:27:29 -06:00
parent 62021a3b82
commit ff050505d5
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/card-columns.css
+14 -10
View File
@@ -585,17 +585,28 @@
}
}
.card:has(.card__background img:not([src=""])) {
&:has(.card__background img:not([src=""])) {
.card__content,
.card__meta,
.card__comments,
.card__column-name:not(.card__column-name--current) {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
@media (any-hover: hover) {
.card:hover & {
@media (any-hover: hover) {
&:hover {
.card__content,
.card__footer,
.card__comments,
.card__column-name:not(.card__column-name--current) {
opacity: 1;
}
.card__background img {
filter: blur(3px) brightness(1.2);
opacity: 0.2;
}
}
}
}
@@ -604,13 +615,6 @@
inset-inline-start: 100%;
translate: -90% -40%;
}
@media (any-hover: hover) {
.card:has(.card__background img:not([src=""])):hover .card__background img:not([src=""]) {
filter: blur(3px) brightness(1.2);
opacity: 0.2;
}
}
}
/* Considering