1 $list-background-color: $scheme-main !default
2 $list-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default
3 $list-radius: $radius !default
5 $list-item-border: 1px solid $border !default
6 $list-item-color: $text !default
7 $list-item-active-background-color: $link !default
8 $list-item-active-color: $link-invert !default
9 $list-item-hover-background-color: $background !default
13 background-color: $list-background-color
14 border-radius: $list-radius
15 box-shadow: $list-shadow
16 // &.is-hoverable > .list-item:hover:not(.is-active)
17 // background-color: $list-item-hover-background-color
24 color: $list-item-color
26 border-top-left-radius: $list-radius
27 border-top-right-radius: $list-radius
29 border-bottom-left-radius: $list-radius
30 border-bottom-right-radius: $list-radius
32 border-bottom: $list-item-border
34 background-color: $list-item-active-background-color
35 color: $list-item-active-color
38 background-color: $list-item-hover-background-color