Styling sidebar navigation

This commit is contained in:
reverend 2020-08-04 23:47:14 +02:00
parent 8c412db0e9
commit 8f2e607b61

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;
} }
} }