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