.LP-Menu{ border-left: 1px solid $-light-brown; .LP-Menu__List { list-style-type: none; display: flex; flex-direction: row; justify-content: space-around; padding: 0; margin: 0; } .LP-Menu__Item { margin: 0; text-align: center; background-color: transparent; .LP-Link{ display: block; padding: 15px 0; } } .LP-Link__Text { color: $-grey; font-weight: bold; text-shadow: 0px 0px 20px white; &:hover{ 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; } .LP-Link:hover{ background-color: $-almost-white; } } } } } @media(max-width: $-viewport-medium){ .LP-Menu{ &:not(&--sidebar){ .LP-Menu__List{ display: flex; flex-direction: row; justify-content: flex-start; .LP-Menu__Item{ flex: 1 1 auto; } } } } } @media(max-width: $-viewport-extra-small){ .LP-Menu{ .LP-Menu__List { justify-content: space-between; } } }