public/vendors/bulma/sass/components/list.sass

   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
   4
   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
  10
  11 .list
  12   @extend %block
  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
  18   //   cursor: pointer
  19
  20 .list-item
  21   display: block
  22   padding: 0.5em 1em
  23   &:not(a)
  24     color: $list-item-color
  25   &:first-child
  26     border-top-left-radius: $list-radius
  27     border-top-right-radius: $list-radius
  28   &:last-child
  29     border-bottom-left-radius: $list-radius
  30     border-bottom-right-radius: $list-radius
  31   &:not(:last-child)
  32     border-bottom: $list-item-border
  33   &.is-active
  34     background-color: $list-item-active-background-color
  35     color: $list-item-active-color
  36
  37 a.list-item
  38   background-color: $list-item-hover-background-color
  39   cursor: pointer