.menu { .menu-list { a { font-weight: $weight-semibold; padding: 0.5rem 1.5rem; border-radius: 0; box-shadow: inset 0 0 0 $grey-blue; transition: box-shadow 0.1s ease-in-out; text-decoration: none; &:hover, &.is-active { background: transparent; box-shadow: inset -3px 0 0 $blue; color: $blue; } } .menu-item { margin: 0.5rem 1.5rem; } } .menu-label { margin: 1rem 0.75rem 0.5rem; padding-top: 0.5rem; color: darken($grey-blue, 20%); letter-spacing: 0; &:first-child { margin-top: 0; padding-top: 1rem; } &:not(:first-child) { border-top: 1px solid $grey-blue; } } }