more prominent hover effect for logo in asidenav
This commit is contained in:
parent
253cc91514
commit
30d11c5a14
@ -127,14 +127,14 @@
|
||||
flex-basis: var(--asidenav-width-xl, 250px);
|
||||
font-size: 16px;
|
||||
align-items: center;
|
||||
color: var(--color-dark);
|
||||
color: var(--color-primary);
|
||||
transform-origin: left;
|
||||
|
||||
&:hover {
|
||||
color: var(--color-dark);
|
||||
color: var(--color-lightwhite);
|
||||
|
||||
.asidenav__logo-link-item {
|
||||
background-color: var(--color-grey-light);
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -145,7 +145,7 @@
|
||||
align-items: flex-end;
|
||||
height: calc(100% - 4px);
|
||||
padding: 0 6px 4px;
|
||||
border: 1px solid var(--color-dark);
|
||||
border: 1px solid var(--color-primary);
|
||||
letter-spacing: 2px;
|
||||
background-color: var(--color-lightwhite);
|
||||
transition: background-color .3s ease;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user