github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/menu.scss (about) 1 .menu { 2 .menu-list { 3 a { 4 font-weight: $weight-semibold; 5 padding: 0.5rem 1.5rem; 6 border-radius: 0; 7 box-shadow: inset 0 0 0 $grey-blue; 8 transition: box-shadow 0.1s ease-in-out; 9 text-decoration: none; 10 11 &:hover, 12 &.is-active { 13 background: transparent; 14 box-shadow: inset -3px 0 0 $blue; 15 color: $blue; 16 17 .icon { 18 fill: $blue; 19 } 20 } 21 22 .icon { 23 margin-right: 0.5em; 24 fill: lighten($text, 30%); 25 } 26 } 27 28 .menu-item { 29 margin: 0.5rem 1.5rem; 30 31 &.is-wide { 32 margin: 0.5rem 1rem; 33 } 34 } 35 } 36 37 .menu-label { 38 margin: 1rem 0.75rem 0.5rem; 39 padding-top: 0.5rem; 40 color: darken($grey-blue, 20%); 41 letter-spacing: 0; 42 43 &:first-child { 44 margin-top: 0; 45 padding-top: 1rem; 46 } 47 48 &:not(:first-child) { 49 border-top: 1px solid $grey-blue; 50 } 51 } 52 53 .collapsed-only + .menu-label { 54 border-top: none; 55 56 @media #{$mq-hidden-gutter} { 57 border-top: 1px solid $grey-blue; 58 } 59 } 60 }