diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss index a3398dc..df773c8 100644 --- a/components/02_Molecules/navigation/_navigation.scss +++ b/components/02_Molecules/navigation/_navigation.scss @@ -1,9 +1,10 @@ .LP-Menu{ + border-left: 1px solid $-light-brown; .LP-Menu__List { list-style-type: none; display: flex; flex-direction: row; - justify-content: space-between; + justify-content: space-around; padding: 0; margin: 0; } @@ -11,7 +12,6 @@ .LP-Menu__Item { padding: 15px 0; margin: 0; - width: 100px; text-align: center; background-color: transparent; } @@ -24,6 +24,24 @@ color: $-wine-red; } } + + &--sidebar{ + border: none; + min-width: 80px; + .LP-Menu__List{ + flex-direction: column; + + .LP-Menu__Item{ + text-align: left; + border-left: 1px solid $-light-brown; + margin-bottom: 10px; + + &:last-child{ + margin-bottom: 0; + } + } + } + } } @media(max-width: $-viewport-medium){ @@ -32,7 +50,11 @@ .LP-Menu__List{ display: flex; flex-direction: row; - justify-content: flex-start + justify-content: flex-start; + + .LP-Menu__Item{ + flex: 1 1 auto; + } } } }