@import '../constants/dimensions'; @import '../constants/colors'; #sidebar { align-self: stretch; height: 100%; a { box-sizing: border-box; display: block; } ul.sidebar-items { width: $sidebar-width; li.sidebar-item > a { color: darken($font-dark-bg, 40%); padding: $sidebar-item-padding; border-left: 4px solid transparent; &:hover { background: lighten($bg-dark, 2%); } &:active { background: lighten($bg-dark, 4%); } } } .sidebar-items li.sidebar-item.active > a { border-left-color: $bg-primary; color: $font-dark-bg; } }