public/vendors/bulma/sass/components/level.sass

   1 $level-item-spacing: ($block-spacing / 2) !default
   2
   3 .level
   4   @extend %block
   5   align-items: center
   6   justify-content: space-between
   7   code
   8     border-radius: $radius
   9   img
  10     display: inline-block
  11     vertical-align: top
  12   // Modifiers
  13   &.is-mobile
  14     display: flex
  15     .level-left,
  16     .level-right
  17       display: flex
  18     .level-left + .level-right
  19       margin-top: 0
  20     .level-item
  21       &:not(:last-child)
  22         margin-bottom: 0
  23         margin-right: $level-item-spacing
  24       &:not(.is-narrow)
  25         flex-grow: 1
  26   // Responsiveness
  27   +tablet
  28     display: flex
  29     & > .level-item
  30       &:not(.is-narrow)
  31         flex-grow: 1
  32
  33 .level-item
  34   align-items: center
  35   display: flex
  36   flex-basis: auto
  37   flex-grow: 0
  38   flex-shrink: 0
  39   justify-content: center
  40   .title,
  41   .subtitle
  42     margin-bottom: 0
  43   // Responsiveness
  44   +mobile
  45     &:not(:last-child)
  46       margin-bottom: $level-item-spacing
  47
  48 .level-left,
  49 .level-right
  50   flex-basis: auto
  51   flex-grow: 0
  52   flex-shrink: 0
  53   .level-item
  54     // Modifiers
  55     &.is-flexible
  56       flex-grow: 1
  57     // Responsiveness
  58     +tablet
  59       &:not(:last-child)
  60         margin-right: $level-item-spacing
  61
  62 .level-left
  63   align-items: center
  64   justify-content: flex-start
  65   // Responsiveness
  66   +mobile
  67     & + .level-right
  68       margin-top: 1.5rem
  69   +tablet
  70     display: flex
  71
  72 .level-right
  73   align-items: center
  74   justify-content: flex-end
  75   // Responsiveness
  76   +tablet
  77     display: flex