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{
border: none;
min-width: 80px;
border-top: 1px solid $-light-brown;
min-width: 60px;
background-color: $-almost-white;
height: 100%;
.LP-Menu__List{
margin-left: 25px;
margin-top: 25px;
flex-direction: column;
.LP-Menu__Item{
text-align: left;
border-left: 1px solid $-light-brown;
margin-bottom: 10px;
padding: 5px;
padding-left: 25px;
&:last-child{
margin-bottom: 0;
}
.LP-Link:hover{
background-color: $-almost-white;
&:hover{
border-left: 2px solid $-light-brown;
position: relative;
background-color: $-beige;
left: -2px;
}
}