node_modules/bulma/sass/components/dropdown.sass

   1 $dropdown-menu-min-width: 12rem !default
   2
   3 $dropdown-content-background-color: $scheme-main !default
   4 $dropdown-content-arrow: $link !default
   5 $dropdown-content-offset: 4px !default
   6 $dropdown-content-padding-bottom: 0.5rem !default
   7 $dropdown-content-padding-top: 0.5rem !default
   8 $dropdown-content-radius: $radius !default
   9 $dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
  10 $dropdown-content-z: 20 !default
  11
  12 $dropdown-item-color: $text !default
  13 $dropdown-item-hover-color: $scheme-invert !default
  14 $dropdown-item-hover-background-color: $background !default
  15 $dropdown-item-active-color: $link-invert !default
  16 $dropdown-item-active-background-color: $link !default
  17
  18 $dropdown-divider-background-color: $border-light !default
  19
  20 .dropdown
  21   display: inline-flex
  22   position: relative
  23   vertical-align: top
  24   &.is-active,
  25   &.is-hoverable:hover
  26     .dropdown-menu
  27       display: block
  28   &.is-right
  29     .dropdown-menu
  30       left: auto
  31       right: 0
  32   &.is-up
  33     .dropdown-menu
  34       bottom: 100%
  35       padding-bottom: $dropdown-content-offset
  36       padding-top: initial
  37       top: auto
  38
  39 .dropdown-menu
  40   display: none
  41   left: 0
  42   min-width: $dropdown-menu-min-width
  43   padding-top: $dropdown-content-offset
  44   position: absolute
  45   top: 100%
  46   z-index: $dropdown-content-z
  47
  48 .dropdown-content
  49   background-color: $dropdown-content-background-color
  50   border-radius: $dropdown-content-radius
  51   box-shadow: $dropdown-content-shadow
  52   padding-bottom: $dropdown-content-padding-bottom
  53   padding-top: $dropdown-content-padding-top
  54
  55 .dropdown-item
  56   color: $dropdown-item-color
  57   display: block
  58   font-size: 0.875rem
  59   line-height: 1.5
  60   padding: 0.375rem 1rem
  61   position: relative
  62
  63 a.dropdown-item,
  64 button.dropdown-item
  65   padding-right: 3rem
  66   text-align: left
  67   white-space: nowrap
  68   width: 100%
  69   &:hover
  70     background-color: $dropdown-item-hover-background-color
  71     color: $dropdown-item-hover-color
  72   &.is-active
  73     background-color: $dropdown-item-active-background-color
  74     color: $dropdown-item-active-color
  75
  76 .dropdown-divider
  77   background-color: $dropdown-divider-background-color
  78   border: none
  79   display: block
  80   height: 1px
  81   margin: 0.5rem 0