bulma-rails 0.9.0 → 1.0.0

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

@@ -1,504 +0,0 @@
-$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
-  .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
-    margin-left: 75%
-  .columns.is-mobile > &.is-offset-two-thirds
-    margin-left: 66.6666%
-  .columns.is-mobile > &.is-offset-half
-    margin-left: 50%
-  .columns.is-mobile > &.is-offset-one-third
-    margin-left: 33.3333%
-  .columns.is-mobile > &.is-offset-one-quarter
-    margin-left: 25%
-  .columns.is-mobile > &.is-offset-one-fifth
-    margin-left: 20%
-  .columns.is-mobile > &.is-offset-two-fifths
-    margin-left: 40%
-  .columns.is-mobile > &.is-offset-three-fifths
-    margin-left: 60%
-  .columns.is-mobile > &.is-offset-four-fifths
-    margin-left: 80%
-  @for $i from 0 through 12
-    .columns.is-mobile > &.is-#{$i}
-      flex: none
-      width: percentage($i / 12)
-    .columns.is-mobile > &.is-offset-#{$i}
-      margin-left: percentage($i / 12)
-  +mobile
-    &.is-narrow-mobile
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds-mobile
-      margin-left: 66.6666%
-    &.is-offset-half-mobile
-      margin-left: 50%
-    &.is-offset-one-third-mobile
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-mobile
-      margin-left: 25%
-    &.is-offset-one-fifth-mobile
-      margin-left: 20%
-    &.is-offset-two-fifths-mobile
-      margin-left: 40%
-    &.is-offset-three-fifths-mobile
-      margin-left: 60%
-    &.is-offset-four-fifths-mobile
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i}-mobile
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i}-mobile
-        margin-left: percentage($i / 12)
-  +tablet
-    &.is-narrow,
-    &.is-narrow-tablet
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds,
-    &.is-offset-two-thirds-tablet
-      margin-left: 66.6666%
-    &.is-offset-half,
-    &.is-offset-half-tablet
-      margin-left: 50%
-    &.is-offset-one-third,
-    &.is-offset-one-third-tablet
-      margin-left: 33.3333%
-    &.is-offset-one-quarter,
-    &.is-offset-one-quarter-tablet
-      margin-left: 25%
-    &.is-offset-one-fifth,
-    &.is-offset-one-fifth-tablet
-      margin-left: 20%
-    &.is-offset-two-fifths,
-    &.is-offset-two-fifths-tablet
-      margin-left: 40%
-    &.is-offset-three-fifths,
-    &.is-offset-three-fifths-tablet
-      margin-left: 60%
-    &.is-offset-four-fifths,
-    &.is-offset-four-fifths-tablet
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i},
-      &.is-#{$i}-tablet
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i},
-      &.is-offset-#{$i}-tablet
-        margin-left: percentage($i / 12)
-  +touch
-    &.is-narrow-touch
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds-touch
-      margin-left: 66.6666%
-    &.is-offset-half-touch
-      margin-left: 50%
-    &.is-offset-one-third-touch
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-touch
-      margin-left: 25%
-    &.is-offset-one-fifth-touch
-      margin-left: 20%
-    &.is-offset-two-fifths-touch
-      margin-left: 40%
-    &.is-offset-three-fifths-touch
-      margin-left: 60%
-    &.is-offset-four-fifths-touch
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i}-touch
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i}-touch
-        margin-left: percentage($i / 12)
-  +desktop
-    &.is-narrow-desktop
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds-desktop
-      margin-left: 66.6666%
-    &.is-offset-half-desktop
-      margin-left: 50%
-    &.is-offset-one-third-desktop
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-desktop
-      margin-left: 25%
-    &.is-offset-one-fifth-desktop
-      margin-left: 20%
-    &.is-offset-two-fifths-desktop
-      margin-left: 40%
-    &.is-offset-three-fifths-desktop
-      margin-left: 60%
-    &.is-offset-four-fifths-desktop
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i}-desktop
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i}-desktop
-        margin-left: percentage($i / 12)
-  +widescreen
-    &.is-narrow-widescreen
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds-widescreen
-      margin-left: 66.6666%
-    &.is-offset-half-widescreen
-      margin-left: 50%
-    &.is-offset-one-third-widescreen
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-widescreen
-      margin-left: 25%
-    &.is-offset-one-fifth-widescreen
-      margin-left: 20%
-    &.is-offset-two-fifths-widescreen
-      margin-left: 40%
-    &.is-offset-three-fifths-widescreen
-      margin-left: 60%
-    &.is-offset-four-fifths-widescreen
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i}-widescreen
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i}-widescreen
-        margin-left: percentage($i / 12)
-  +fullhd
-    &.is-narrow-fullhd
-      flex: none
-    &.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
-      margin-left: 75%
-    &.is-offset-two-thirds-fullhd
-      margin-left: 66.6666%
-    &.is-offset-half-fullhd
-      margin-left: 50%
-    &.is-offset-one-third-fullhd
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-fullhd
-      margin-left: 25%
-    &.is-offset-one-fifth-fullhd
-      margin-left: 20%
-    &.is-offset-two-fifths-fullhd
-      margin-left: 40%
-    &.is-offset-three-fifths-fullhd
-      margin-left: 60%
-    &.is-offset-four-fifths-fullhd
-      margin-left: 80%
-    @for $i from 0 through 12
-      &.is-#{$i}-fullhd
-        flex: none
-        width: percentage($i / 12)
-      &.is-offset-#{$i}-fullhd
-        margin-left: percentage($i / 12)
-
-.columns
-  margin-left: (-$column-gap)
-  margin-right: (-$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
-    margin-left: 0
-    margin-right: 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
-    margin-left: calc(-1 * var(--columnGap))
-    margin-right: 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,34 +0,0 @@
-$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: ($i / 12) * 100%

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

@@ -1,10 +0,0 @@
-@charset "utf-8"
-
-@import "color.sass"
-@import "float.sass"
-@import "other.sass"
-@import "overflow.sass"
-@import "position.sass"
-@import "spacing.sass"
-@import "typography.sass"
-@import "visibility.sass"

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

@@ -1,37 +0,0 @@
-@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/float.sass

@@ -1,8 +0,0 @@
-.is-clearfix
-  +clearfix
-
-.is-pulled-left
-  float: left !important
-
-.is-pulled-right
-  float: right !important

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

@@ -1,8 +0,0 @@
-.is-radiusless
-  border-radius: 0 !important
-
-.is-shadowless
-  box-shadow: none !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,5 +0,0 @@
-.is-overlay
-  @extend %overlay
-
-.is-relative
-  position: relative !important

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

@@ -1,28 +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) !default
-
-@each $property, $shortcut in $spacing-shortcuts
-  @each $name, $value in $spacing-values
-    // 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