fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more prominent hover effect for logo in asidenav

Browse Source
This commit is contained in:
Felix Hamann 2019-02-11 20:37:22 +01:00
parent 253cc91514
commit 30d11c5a14
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
templates/widgets/asidenav.lucius
View File

@ -127,14 +127,14 @@
flex-basis: var(--asidenav-width-xl, 250px); flex-basis: var(--asidenav-width-xl, 250px);
font-size: 16px; font-size: 16px;
align-items: center; align-items: center;
color: var(--color-dark); color: var(--color-primary);
transform-origin: left; transform-origin: left;
&:hover { &:hover {
color: var(--color-dark); color: var(--color-lightwhite);
.asidenav__logo-link-item { .asidenav__logo-link-item {
background-color: var(--color-grey-light); background-color: var(--color-primary);
} }
} }
} }
@ -145,7 +145,7 @@
align-items: flex-end; align-items: flex-end;
height: calc(100% - 4px); height: calc(100% - 4px);
padding: 0 6px 4px; padding: 0 6px 4px;
border: 1px solid var(--color-dark); border: 1px solid var(--color-primary);
letter-spacing: 2px; letter-spacing: 2px;
background-color: var(--color-lightwhite); background-color: var(--color-lightwhite);
transition: background-color .3s ease; transition: background-color .3s ease;