boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

dev: Simplified some selectors

Browse Source
This commit is contained in:
lscambo13
2025-08-19 10:13:21 -07:00
parent 818f755610
commit 4b8838b1c0
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Theme/ElegantFin-theme-nightly.css
View File

@@ -319,34 +319,34 @@ html {
color: var(--borderColor); color: var(--borderColor);
} }
.card.card-hoverable:hover .cardScalable, .card-hoverable:hover .cardScalable,
.card.card-hoverable:hover .visualCardBox { .card-hoverable:hover .visualCardBox {
border-color: white !important; border-color: white !important;
} }
.card.card-hoverable:hover .visualCardBox .cardScalable { .card-hoverable:hover .visualCardBox .cardScalable {
border-color: var(--darkerBorderColor) !important; border-color: var(--darkerBorderColor) !important;
} }
.card.card-hoverable:hover .cardImageContainer { .card-hoverable:hover .cardImageContainer {
transform: scale(1.025); transform: scale(1.025);
} }
.card.card-hoverable .itemSelectionPanel { .card-hoverable .itemSelectionPanel {
transition: transform .125s; transition: transform .125s;
} }
.card.card-hoverable:hover .cardScalable, .card-hoverable:hover .cardScalable,
.card.card-hoverable:hover .itemSelectionPanel { .card-hoverable:hover .itemSelectionPanel {
transform: scale(1.02); transform: scale(1.02);
} }
.card.card-hoverable .cardScalable:active { .card-hoverable .cardScalable:active {
transition: transform .075s; transition: transform .075s;
transform: scale(1); transform: scale(1);
} }
.cardScalable:has(.cardOverlayButton:hover)>.cardImageContainer { .cardScalable:has(.cardOverlayButton-hover:hover)>.cardImageContainer {
transform: scale(1); transform: scale(1);
} }
@@ -355,7 +355,7 @@ html {
background: rgba(255, 255, 255, .05); background: rgba(255, 255, 255, .05);
} }
.card.card-hoverable .cardOverlayContainer:after { .card-hoverable .cardOverlayContainer:after {
content: var(--cardHoverEffect); content: var(--cardHoverEffect);
transition: .5s; transition: .5s;
position: absolute; position: absolute;
@@ -367,7 +367,7 @@ html {
background: var(--hoverGradientV); background: var(--hoverGradientV);
} }
.card.card-hoverable:hover .cardOverlayContainer:after { .card-hoverable:hover .cardOverlayContainer:after {
transform: translateY(50%) translateX(0); transform: translateY(50%) translateX(0);
opacity: 0; opacity: 0;
} }
@@ -414,7 +414,7 @@ html {
color: white; color: white;
} }
.layout-desktop .cardOverlayButton-br button[data-action="menu"], .cardOverlayButton-br .cardOverlayButton-hover[data-action="menu"],
.layout-desktop .listItemButton[data-action="menu"] { .layout-desktop .listItemButton[data-action="menu"] {
display: none; display: none;
} }