Sha256: de274a8ab27757c1616ae46d7e7cebf261a0de04d64f3c893f8bfcd4108099b8

Contents?: true

Size: 1.14 KB

Versions: 3

Compression:

Stored size: 1.14 KB

Contents

.level-item
  align-items: center
  display: flex
  flex-basis: auto
  flex-grow: 0
  flex-shrink: 0
  justify-content: center
  .title,
  .subtitle
    margin-bottom: 0
  // Responsiveness
  +mobile
    &:not(:last-child)
      margin-bottom: 0.75rem

.level-left,
.level-right
  flex-basis: auto
  flex-grow: 0
  flex-shrink: 0
  .level-item
    &:not(:last-child)
      margin-right: 0.75rem
    // Modifiers
    &.is-flexible
      flex-grow: 1

.level-left
  align-items: center
  justify-content: flex-start
  // Responsiveness
  +mobile
    & + .level-right
      margin-top: 1.5rem
  +tablet
    display: flex

.level-right
  align-items: center
  justify-content: flex-end
  // Responsiveness
  +tablet
    display: flex

.level
  +block
  align-items: center
  justify-content: space-between
  code
    border-radius: $radius
  img
    display: inline-block
    vertical-align: top
  // Modifiers
  &.is-mobile
    display: flex
    & > .level-item
      &:not(:last-child)
        margin-bottom: 0
      &:not(.is-narrow)
        flex-grow: 1
  // Responsiveness
  +tablet
    display: flex
    & > .level-item
      &:not(.is-narrow)
        flex-grow: 1

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
bulma-rails-0.3.2 app/assets/stylesheets/sass/components/level.sass
bulma-rails-0.3.1 app/assets/stylesheets/sass/components/level.sass
bulma-rails-0.3.0 app/assets/stylesheets/sass/components/level.sass