Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Styling sidebar navigation

Browse Source
This commit is contained in:
reverend 2020-08-04 23:47:14 +02:00
parent 8c412db0e9
commit 8f2e607b61
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/02_Molecules/navigation/_navigation.scss
View File

@ -30,22 +30,30 @@
} }
&--sidebar{ &--sidebar{
border: none; border-top: 1px solid $-light-brown;
min-width: 80px; min-width: 60px;
background-color: $-almost-white;
height: 100%;
.LP-Menu__List{ .LP-Menu__List{
margin-left: 25px;
margin-top: 25px;
flex-direction: column; flex-direction: column;
.LP-Menu__Item{ .LP-Menu__Item{
text-align: left; text-align: left;
border-left: 1px solid $-light-brown;
margin-bottom: 10px; margin-bottom: 10px;
padding: 5px;
padding-left: 25px;
&:last-child{ &:last-child{
margin-bottom: 0; margin-bottom: 0;
} }
.LP-Link:hover{ &:hover{
background-color: $-almost-white; border-left: 2px solid $-light-brown;
position: relative;
background-color: $-beige;
left: -2px;
} }
} }