new .active styling to #id_tray_btn, _handle & _grip whenever drawer is open
This commit is contained in:
@@ -837,11 +837,6 @@ $handle-r: 1rem;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: rgba(var(--quaUser), 1);
|
|
||||||
border-color: rgba(var(--quaUser), 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
i {
|
||||||
font-size: 1.75rem;
|
font-size: 1.75rem;
|
||||||
color: rgba(var(--secUser), 1);
|
color: rgba(var(--secUser), 1);
|
||||||
@@ -849,7 +844,17 @@ $handle-r: 1rem;
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active { cursor: grabbing; }
|
&:active { cursor: grabbing; }
|
||||||
&.open { cursor: pointer; }
|
&.open {
|
||||||
|
cursor: pointer;
|
||||||
|
border-color: rgba(var(--quaUser), 1);
|
||||||
|
i { color: rgba(var(--quaUser), 1); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Grip borders → --quaUser when tray is open (btn.open precedes grip in DOM so :has() needed)
|
||||||
|
#id_tray_wrap:has(#id_tray_btn.open) #id_tray_grip {
|
||||||
|
border-color: rgba(var(--quaUser), 1);
|
||||||
|
&::before { border-color: rgba(var(--quaUser), 1); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes tray-wobble {
|
@keyframes tray-wobble {
|
||||||
|
|||||||
Reference in New Issue
Block a user