bulma-rails 0.9.4 → 1.0.0

data/app/assets/stylesheets/sass/grid/columns.sass

@@ -1,513 +0,0 @@
-@import "../utilities/mixins"
-
-$column-gap: 0.75rem !default
-
-.column
-  display: block
-  flex-basis: 0
-  flex-grow: 1
-  flex-shrink: 1
-  padding: $column-gap
-  .columns.is-mobile > &.is-narrow
-    flex: none
-    width: unset
-  .columns.is-mobile > &.is-full
-    flex: none
-    width: 100%
-  .columns.is-mobile > &.is-three-quarters
-    flex: none
-    width: 75%
-  .columns.is-mobile > &.is-two-thirds
-    flex: none
-    width: 66.6666%
-  .columns.is-mobile > &.is-half
-    flex: none
-    width: 50%
-  .columns.is-mobile > &.is-one-third
-    flex: none
-    width: 33.3333%
-  .columns.is-mobile > &.is-one-quarter
-    flex: none
-    width: 25%
-  .columns.is-mobile > &.is-one-fifth
-    flex: none
-    width: 20%
-  .columns.is-mobile > &.is-two-fifths
-    flex: none
-    width: 40%
-  .columns.is-mobile > &.is-three-fifths
-    flex: none
-    width: 60%
-  .columns.is-mobile > &.is-four-fifths
-    flex: none
-    width: 80%
-  .columns.is-mobile > &.is-offset-three-quarters
-    +ltr-property("margin", 75%, false)
-  .columns.is-mobile > &.is-offset-two-thirds
-    +ltr-property("margin", 66.6666%, false)
-  .columns.is-mobile > &.is-offset-half
-    +ltr-property("margin", 50%, false)
-  .columns.is-mobile > &.is-offset-one-third
-    +ltr-property("margin", 33.3333%, false)
-  .columns.is-mobile > &.is-offset-one-quarter
-    +ltr-property("margin", 25%, false)
-  .columns.is-mobile > &.is-offset-one-fifth
-    +ltr-property("margin", 20%, false)
-  .columns.is-mobile > &.is-offset-two-fifths
-    +ltr-property("margin", 40%, false)
-  .columns.is-mobile > &.is-offset-three-fifths
-    +ltr-property("margin", 60%, false)
-  .columns.is-mobile > &.is-offset-four-fifths
-    +ltr-property("margin", 80%, false)
-  @for $i from 0 through 12
-    .columns.is-mobile > &.is-#{$i}
-      flex: none
-      width: percentage(divide($i, 12))
-    .columns.is-mobile > &.is-offset-#{$i}
-      +ltr-property("margin", percentage(divide($i, 12)), false)
-  +mobile
-    &.is-narrow-mobile
-      flex: none
-      width: unset
-    &.is-full-mobile
-      flex: none
-      width: 100%
-    &.is-three-quarters-mobile
-      flex: none
-      width: 75%
-    &.is-two-thirds-mobile
-      flex: none
-      width: 66.6666%
-    &.is-half-mobile
-      flex: none
-      width: 50%
-    &.is-one-third-mobile
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-mobile
-      flex: none
-      width: 25%
-    &.is-one-fifth-mobile
-      flex: none
-      width: 20%
-    &.is-two-fifths-mobile
-      flex: none
-      width: 40%
-    &.is-three-fifths-mobile
-      flex: none
-      width: 60%
-    &.is-four-fifths-mobile
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters-mobile
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds-mobile
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half-mobile
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third-mobile
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter-mobile
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth-mobile
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths-mobile
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths-mobile
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths-mobile
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i}-mobile
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i}-mobile
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-  +tablet
-    &.is-narrow,
-    &.is-narrow-tablet
-      flex: none
-      width: unset
-    &.is-full,
-    &.is-full-tablet
-      flex: none
-      width: 100%
-    &.is-three-quarters,
-    &.is-three-quarters-tablet
-      flex: none
-      width: 75%
-    &.is-two-thirds,
-    &.is-two-thirds-tablet
-      flex: none
-      width: 66.6666%
-    &.is-half,
-    &.is-half-tablet
-      flex: none
-      width: 50%
-    &.is-one-third,
-    &.is-one-third-tablet
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter,
-    &.is-one-quarter-tablet
-      flex: none
-      width: 25%
-    &.is-one-fifth,
-    &.is-one-fifth-tablet
-      flex: none
-      width: 20%
-    &.is-two-fifths,
-    &.is-two-fifths-tablet
-      flex: none
-      width: 40%
-    &.is-three-fifths,
-    &.is-three-fifths-tablet
-      flex: none
-      width: 60%
-    &.is-four-fifths,
-    &.is-four-fifths-tablet
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters,
-    &.is-offset-three-quarters-tablet
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds,
-    &.is-offset-two-thirds-tablet
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half,
-    &.is-offset-half-tablet
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third,
-    &.is-offset-one-third-tablet
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter,
-    &.is-offset-one-quarter-tablet
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth,
-    &.is-offset-one-fifth-tablet
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths,
-    &.is-offset-two-fifths-tablet
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths,
-    &.is-offset-three-fifths-tablet
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths,
-    &.is-offset-four-fifths-tablet
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i},
-      &.is-#{$i}-tablet
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i},
-      &.is-offset-#{$i}-tablet
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-  +touch
-    &.is-narrow-touch
-      flex: none
-      width: unset
-    &.is-full-touch
-      flex: none
-      width: 100%
-    &.is-three-quarters-touch
-      flex: none
-      width: 75%
-    &.is-two-thirds-touch
-      flex: none
-      width: 66.6666%
-    &.is-half-touch
-      flex: none
-      width: 50%
-    &.is-one-third-touch
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-touch
-      flex: none
-      width: 25%
-    &.is-one-fifth-touch
-      flex: none
-      width: 20%
-    &.is-two-fifths-touch
-      flex: none
-      width: 40%
-    &.is-three-fifths-touch
-      flex: none
-      width: 60%
-    &.is-four-fifths-touch
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters-touch
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds-touch
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half-touch
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third-touch
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter-touch
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth-touch
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths-touch
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths-touch
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths-touch
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i}-touch
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i}-touch
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-  +desktop
-    &.is-narrow-desktop
-      flex: none
-      width: unset
-    &.is-full-desktop
-      flex: none
-      width: 100%
-    &.is-three-quarters-desktop
-      flex: none
-      width: 75%
-    &.is-two-thirds-desktop
-      flex: none
-      width: 66.6666%
-    &.is-half-desktop
-      flex: none
-      width: 50%
-    &.is-one-third-desktop
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-desktop
-      flex: none
-      width: 25%
-    &.is-one-fifth-desktop
-      flex: none
-      width: 20%
-    &.is-two-fifths-desktop
-      flex: none
-      width: 40%
-    &.is-three-fifths-desktop
-      flex: none
-      width: 60%
-    &.is-four-fifths-desktop
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters-desktop
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds-desktop
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half-desktop
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third-desktop
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter-desktop
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth-desktop
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths-desktop
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths-desktop
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths-desktop
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i}-desktop
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i}-desktop
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-  +widescreen
-    &.is-narrow-widescreen
-      flex: none
-      width: unset
-    &.is-full-widescreen
-      flex: none
-      width: 100%
-    &.is-three-quarters-widescreen
-      flex: none
-      width: 75%
-    &.is-two-thirds-widescreen
-      flex: none
-      width: 66.6666%
-    &.is-half-widescreen
-      flex: none
-      width: 50%
-    &.is-one-third-widescreen
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-widescreen
-      flex: none
-      width: 25%
-    &.is-one-fifth-widescreen
-      flex: none
-      width: 20%
-    &.is-two-fifths-widescreen
-      flex: none
-      width: 40%
-    &.is-three-fifths-widescreen
-      flex: none
-      width: 60%
-    &.is-four-fifths-widescreen
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters-widescreen
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds-widescreen
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half-widescreen
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third-widescreen
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter-widescreen
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth-widescreen
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths-widescreen
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths-widescreen
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths-widescreen
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i}-widescreen
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i}-widescreen
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-  +fullhd
-    &.is-narrow-fullhd
-      flex: none
-      width: unset
-    &.is-full-fullhd
-      flex: none
-      width: 100%
-    &.is-three-quarters-fullhd
-      flex: none
-      width: 75%
-    &.is-two-thirds-fullhd
-      flex: none
-      width: 66.6666%
-    &.is-half-fullhd
-      flex: none
-      width: 50%
-    &.is-one-third-fullhd
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-fullhd
-      flex: none
-      width: 25%
-    &.is-one-fifth-fullhd
-      flex: none
-      width: 20%
-    &.is-two-fifths-fullhd
-      flex: none
-      width: 40%
-    &.is-three-fifths-fullhd
-      flex: none
-      width: 60%
-    &.is-four-fifths-fullhd
-      flex: none
-      width: 80%
-    &.is-offset-three-quarters-fullhd
-      +ltr-property("margin", 75%, false)
-    &.is-offset-two-thirds-fullhd
-      +ltr-property("margin", 66.6666%, false)
-    &.is-offset-half-fullhd
-      +ltr-property("margin", 50%, false)
-    &.is-offset-one-third-fullhd
-      +ltr-property("margin", 33.3333%, false)
-    &.is-offset-one-quarter-fullhd
-      +ltr-property("margin", 25%, false)
-    &.is-offset-one-fifth-fullhd
-      +ltr-property("margin", 20%, false)
-    &.is-offset-two-fifths-fullhd
-      +ltr-property("margin", 40%, false)
-    &.is-offset-three-fifths-fullhd
-      +ltr-property("margin", 60%, false)
-    &.is-offset-four-fifths-fullhd
-      +ltr-property("margin", 80%, false)
-    @for $i from 0 through 12
-      &.is-#{$i}-fullhd
-        flex: none
-        width: percentage(divide($i, 12))
-      &.is-offset-#{$i}-fullhd
-        +ltr-property("margin", percentage(divide($i, 12)), false)
-
-.columns
-  +ltr-property("margin", (-$column-gap), false)
-  +ltr-property("margin", (-$column-gap))
-  margin-top: (-$column-gap)
-  &:last-child
-    margin-bottom: (-$column-gap)
-  &:not(:last-child)
-    margin-bottom: calc(1.5rem - #{$column-gap})
-  // Modifiers
-  &.is-centered
-    justify-content: center
-  &.is-gapless
-    +ltr-property("margin", 0, false)
-    +ltr-property("margin", 0)
-    margin-top: 0
-    & > .column
-      margin: 0
-      padding: 0 !important
-    &:not(:last-child)
-      margin-bottom: 1.5rem
-    &:last-child
-      margin-bottom: 0
-  &.is-mobile
-    display: flex
-  &.is-multiline
-    flex-wrap: wrap
-  &.is-vcentered
-    align-items: center
-  // Responsiveness
-  +tablet
-    &:not(.is-desktop)
-      display: flex
-  +desktop
-    // Modifiers
-    &.is-desktop
-      display: flex
-
-@if $variable-columns
-  .columns.is-variable
-    --columnGap: 0.75rem
-    +ltr-property("margin", calc(-1 * var(--columnGap)), false)
-    +ltr-property("margin", calc(-1 * var(--columnGap)))
-    > .column
-      padding-left: var(--columnGap)
-      padding-right: var(--columnGap)
-    @for $i from 0 through 8
-      &.is-#{$i}
-        --columnGap: #{$i * 0.25rem}
-      +mobile
-        &.is-#{$i}-mobile
-          --columnGap: #{$i * 0.25rem}
-      +tablet
-        &.is-#{$i}-tablet
-          --columnGap: #{$i * 0.25rem}
-      +tablet-only
-        &.is-#{$i}-tablet-only
-          --columnGap: #{$i * 0.25rem}
-      +touch
-        &.is-#{$i}-touch
-          --columnGap: #{$i * 0.25rem}
-      +desktop
-        &.is-#{$i}-desktop
-          --columnGap: #{$i * 0.25rem}
-      +desktop-only
-        &.is-#{$i}-desktop-only
-          --columnGap: #{$i * 0.25rem}
-      +widescreen
-        &.is-#{$i}-widescreen
-          --columnGap: #{$i * 0.25rem}
-      +widescreen-only
-        &.is-#{$i}-widescreen-only
-          --columnGap: #{$i * 0.25rem}
-      +fullhd
-        &.is-#{$i}-fullhd
-          --columnGap: #{$i * 0.25rem}

data/app/assets/stylesheets/sass/grid/tiles.sass

@@ -1,36 +0,0 @@
-@import "../utilities/mixins"
-
-$tile-spacing: 0.75rem !default
-
-.tile
-  align-items: stretch
-  display: block
-  flex-basis: 0
-  flex-grow: 1
-  flex-shrink: 1
-  min-height: min-content
-  // Modifiers
-  &.is-ancestor
-    margin-left: $tile-spacing * -1
-    margin-right: $tile-spacing * -1
-    margin-top: $tile-spacing * -1
-    &:last-child
-      margin-bottom: $tile-spacing * -1
-    &:not(:last-child)
-      margin-bottom: $tile-spacing
-  &.is-child
-    margin: 0 !important
-  &.is-parent
-    padding: $tile-spacing
-  &.is-vertical
-    flex-direction: column
-    & > .tile.is-child:not(:last-child)
-      margin-bottom: 1.5rem !important
-  // Responsiveness
-  +tablet
-    &:not(.is-child)
-      display: flex
-    @for $i from 1 through 12
-      &.is-#{$i}
-        flex: none
-        width: (divide($i, 12)) * 100%

data/app/assets/stylesheets/sass/helpers/_all.sass

@@ -1,12 +0,0 @@
-/* Bulma Helpers */
-@charset "utf-8"
-
-@import "color"
-@import "flexbox"
-@import "float"
-@import "other"
-@import "overflow"
-@import "position"
-@import "spacing"
-@import "typography"
-@import "visibility"

data/app/assets/stylesheets/sass/helpers/color.sass

@@ -1,39 +0,0 @@
-@import "../utilities/derived-variables"
-
-@each $name, $pair in $colors
-  $color: nth($pair, 1)
-  .has-text-#{$name}
-    color: $color !important
-  a.has-text-#{$name}
-    &:hover,
-    &:focus
-      color: bulmaDarken($color, 10%) !important
-  .has-background-#{$name}
-    background-color: $color !important
-  @if length($pair) >= 4
-    $color-light: nth($pair, 3)
-    $color-dark: nth($pair, 4)
-    // Light
-    .has-text-#{$name}-light
-      color: $color-light !important
-    a.has-text-#{$name}-light
-      &:hover,
-      &:focus
-        color: bulmaDarken($color-light, 10%) !important
-    .has-background-#{$name}-light
-      background-color: $color-light !important
-    // Dark
-    .has-text-#{$name}-dark
-      color: $color-dark !important
-    a.has-text-#{$name}-dark
-      &:hover,
-      &:focus
-        color: bulmaLighten($color-dark, 10%) !important
-    .has-background-#{$name}-dark
-      background-color: $color-dark !important
-
-@each $name, $shade in $shades
-  .has-text-#{$name}
-    color: $shade !important
-  .has-background-#{$name}
-    background-color: $shade !important

data/app/assets/stylesheets/sass/helpers/flexbox.sass

@@ -1,35 +0,0 @@
-$flex-direction-values: row, row-reverse, column, column-reverse
-@each $value in $flex-direction-values
-  .is-flex-direction-#{$value}
-    flex-direction: $value !important
-
-$flex-wrap-values: nowrap, wrap, wrap-reverse
-@each $value in $flex-wrap-values
-  .is-flex-wrap-#{$value}
-    flex-wrap: $value !important
-
-$justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
-@each $value in $justify-content-values
-  .is-justify-content-#{$value}
-    justify-content: $value !important
-
-$align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
-@each $value in $align-content-values
-  .is-align-content-#{$value}
-    align-content: $value !important
-
-$align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
-@each $value in $align-items-values
-  .is-align-items-#{$value}
-    align-items: $value !important
-
-$align-self-values: auto, flex-start, flex-end, center, baseline, stretch
-@each $value in $align-self-values
-  .is-align-self-#{$value}
-    align-self: $value !important
-
-$flex-operators: grow, shrink
-@each $operator in $flex-operators
-  @for $i from 0 through 5
-    .is-flex-#{$operator}-#{$i}
-      flex-#{$operator}: $i !important

data/app/assets/stylesheets/sass/helpers/float.sass

@@ -1,10 +0,0 @@
-@import "../utilities/mixins"
-
-.is-clearfix
-  +clearfix
-
-.is-pulled-left
-  float: left !important
-
-.is-pulled-right
-  float: right !important

data/app/assets/stylesheets/sass/helpers/other.sass

@@ -1,14 +0,0 @@
-@import "../utilities/mixins"
-
-.is-radiusless
-  border-radius: 0 !important
-
-.is-shadowless
-  box-shadow: none !important
-
-.is-clickable
-  cursor: pointer !important
-  pointer-events: all !important
-
-.is-unselectable
-  @extend %unselectable

data/app/assets/stylesheets/sass/helpers/overflow.sass

@@ -1,2 +0,0 @@
-.is-clipped
-  overflow: hidden !important

data/app/assets/stylesheets/sass/helpers/position.sass

@@ -1,7 +0,0 @@
-@import "../utilities/mixins"
-
-.is-overlay
-  @extend %overlay
-
-.is-relative
-  position: relative !important

data/app/assets/stylesheets/sass/helpers/spacing.sass

@@ -1,31 +0,0 @@
-.is-marginless
-  margin: 0 !important
-
-.is-paddingless
-  padding: 0 !important
-
-$spacing-shortcuts: ("margin": "m", "padding": "p") !default
-$spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
-$spacing-horizontal: "x" !default
-$spacing-vertical: "y" !default
-$spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem, "auto": auto) !default
-
-@each $property, $shortcut in $spacing-shortcuts
-  @each $name, $value in $spacing-values
-    // All directions
-    .#{$shortcut}-#{$name}
-      #{$property}: $value !important
-    // Cardinal directions
-    @each $direction, $suffix in $spacing-directions
-      .#{$shortcut}#{$suffix}-#{$name}
-        #{$property}-#{$direction}: $value !important
-    // Horizontal axis
-    @if $spacing-horizontal != null
-      .#{$shortcut}#{$spacing-horizontal}-#{$name}
-        #{$property}-left: $value !important
-        #{$property}-right: $value !important
-    // Vertical axis
-    @if $spacing-vertical != null
-      .#{$shortcut}#{$spacing-vertical}-#{$name}
-        #{$property}-top: $value !important
-        #{$property}-bottom: $value !important