diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss index 3f50b83..a247705 100644 --- a/components/02_Molecules/navigation/_navigation.scss +++ b/components/02_Molecules/navigation/_navigation.scss @@ -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; } }