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;
|
||||
justify-content: center;
|
||||
|
||||
&.active {
|
||||
color: rgba(var(--quaUser), 1);
|
||||
border-color: rgba(var(--quaUser), 1);
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 1.75rem;
|
||||
color: rgba(var(--secUser), 1);
|
||||
@@ -849,7 +844,17 @@ $handle-r: 1rem;
|
||||
}
|
||||
|
||||
&: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 {
|
||||
|
||||
Reference in New Issue
Block a user