bulma-rails 0.3.2 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9d1d8cfd0cf354f404fe8c80915b8146d5528386
-  data.tar.gz: de5743fe71430b524fe9969a0e0ad7e5360921ce
+  metadata.gz: db16d2faf9db0b9807a60d466dbffcea0d826a04
+  data.tar.gz: dda2dff29fb0b32c1ae6492baee6a7a12de8f443
 SHA512:
-  metadata.gz: 4ebf9e3d91ab466b0e8622ba404f2177a160394dad1dbff4c3ad128e3a02c1255ebad923bbfb9385ac45467dab8a0661fb9de396d88ce6e789b2452775f7d3a6
-  data.tar.gz: 96a5e7c42fd828d13b8ba3617159f4917d2248ab53ae4c82200e4acb70cd483b680f730b70bf25886c5045b57a766d72e1981833789745fa1e904add2a989a49
+  metadata.gz: 29e752ca65c94363206d6df6eb5eab7af8c306b8707eae87c91ebd4346a06c390191f552d50cd9cf8c341d2cb4d282f30629be88c89c854934360652a437648d
+  data.tar.gz: fc816a8708f338b8d7d0524b7e21caf97d45ba9ac1d6658ad7cf13c81a3665ab2527f121283e7613b59d5927b0b3268606a297bee11a2ddae0ec5bb69c5c9354

data/README.md

@@ -8,7 +8,7 @@ A modern CSS framework based on Flexbox.
 
 Add this line to your application's Gemfile:
 
-    gem "bulma-rails", "~> 0.3.2"
+    gem "bulma-rails", "~> 0.4.0"
 
 And then execute:
 

data/app/assets/stylesheets/bulma.sass

@@ -1,4 +1,4 @@
-/*! bulma.io v0.3.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.4.0 | MIT License | github.com/jgthms/bulma */
 @charset "utf-8"
 
 @import "sass/utilities/_all"

data/app/assets/stylesheets/sass/base/generic.sass

@@ -1,6 +1,3 @@
-$body-background: $white !default
-$body-size: $size-6 !default
-
 html
   background-color: $body-background
   font-size: $body-size

data/app/assets/stylesheets/sass/components/card.sass

@@ -24,8 +24,6 @@
 
 .card-content
   padding: 1.5rem
-  .title + .subtitle
-    margin-top: -1.5rem
 
 .card-footer
   border-top: 1px solid $border

data/app/assets/stylesheets/sass/components/level.sass

@@ -54,7 +54,12 @@
   // Modifiers
   &.is-mobile
     display: flex
-    & > .level-item
+    .level-left,
+    .level-right
+      display: flex
+    .level-left + .level-right
+      margin-top: 0
+    .level-item
       &:not(:last-child)
         margin-bottom: 0
       &:not(.is-narrow)

data/app/assets/stylesheets/sass/components/nav.sass

@@ -1,4 +1,4 @@
-$nav-height: 3.5rem !default
+$nav-height: 3.25rem !default
 
 // Components
 
@@ -15,6 +15,7 @@ $nav-height: 3.5rem !default
   flex-shrink: 0
   font-size: $size-normal
   justify-content: center
+  line-height: 1.5
   padding: 0.5rem 0.75rem
   a
     flex-grow: 1
@@ -43,17 +44,17 @@ a.nav-item
   &.is-tab
     border-bottom: 1px solid transparent
     border-top: 1px solid transparent
-    padding-bottom: calc(0.5rem - 1px)
+    padding-bottom: calc(0.75rem - 1px)
     padding-left: 1rem
     padding-right: 1rem
-    padding-top: calc(0.5rem - 1px)
+    padding-top: calc(0.75rem - 1px)
     &:hover
       border-bottom-color: $primary
       border-top-color: transparent
     &.is-active
       border-bottom: 3px solid $primary
       color: $primary
-      padding-bottom: calc(0.5rem - 3px)
+      padding-bottom: calc(0.75rem - 3px)
   // Responsiveness
   +desktop
     &.is-brand
@@ -123,7 +124,10 @@ a.nav-item
     align-items: stretch
     display: flex
     min-height: $nav-height
-    width: 100%
   // Modifiers
   &.has-shadow
     box-shadow: 0 2px 3px rgba($black, 0.1)
+  // Responsiveness
+  +mobile
+    & > .container
+      width: 100%

data/app/assets/stylesheets/sass/components/pagination.sass

@@ -23,6 +23,16 @@ $pagination-ellipsis: $grey-light !default
 
 $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 
+.pagination
+  font-size: $size-normal
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+
 .pagination,
 .pagination-list
   align-items: center
@@ -36,7 +46,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 .pagination-ellipsis
   +control
   +unselectable
-  font-size: 0.875rem
+  font-size: 1em
   padding-left: 0.5em
   padding-right: 0.5em
   justify-content: center
@@ -46,7 +56,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 .pagination-next,
 .pagination-link
   border: 1px solid $pagination-border
-  min-width: 2.5em
+  min-width: 2.25em
   &:hover
     border-color: $pagination-hover-border
     color: $pagination-hover

data/app/assets/stylesheets/sass/elements/button.sass

@@ -13,72 +13,14 @@ $button-active-border: $link-active-border !default
 
 $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
 
-@function buttonIconSpacing($button-font-size, $icon-width)
-  // The button font-size value with no unit
-  $button-value: removeUnit($button-font-size)
-  // The rem height of the button
-  // based on a height of 2.5em
-  $button-height: 2.5rem * $button-value // rem
-  // The rem total horizontal padding of the button
-  $button-horizontal-padding: 2 * 0.75rem * $button-value // rem
-  // For the icon center to align with the button center
-  // the horizontal padding + the icon width must equal the button height
-  // $button-height = $button-horizontal-padding + $icon-width + $difference
-  $difference: $button-height - $button-horizontal-padding - $icon-width
-  @return $difference / 2
-
-=button-icon($button-font-size)
-  $small-offset: buttonIconSpacing($button-font-size, 1rem)
-  $normal-offset: buttonIconSpacing($button-font-size, 1.5rem)
-  $medium-offset: buttonIconSpacing($button-font-size, 2rem)
-  $large-offset: buttonIconSpacing($button-font-size, 3rem)
-  .icon
-    &:first-child:not(:last-child)
-      margin-left: $normal-offset
-      margin-right: $button-font-size / 2
-    &:last-child:not(:first-child)
-      margin-left: $button-font-size / 2
-      margin-right: $normal-offset
-    &:first-child:last-child
-      // The -1px is to account for the button 1px border
-      margin-left: calc(-1px + #{$normal-offset})
-      margin-right: calc(-1px + #{$normal-offset})
-    &.is-small
-      &:first-child:not(:last-child)
-        margin-left: $small-offset
-      &:last-child:not(:first-child)
-        margin-right: $small-offset
-      &:first-child:last-child
-        margin-left: calc(-1px + #{$small-offset})
-        margin-right: calc(-1px + #{$small-offset})
-    &.is-medium
-      &:first-child:not(:last-child)
-        margin-left: $medium-offset
-      &:last-child:not(:first-child)
-        margin-right: $medium-offset
-      &:first-child:last-child
-        margin-left: calc(-1px + #{$medium-offset})
-        margin-right: calc(-1px + #{$medium-offset})
-    &.is-large
-      &:first-child:not(:last-child)
-        margin-left: $large-offset
-      &:last-child:not(:first-child)
-        margin-right: $large-offset
-      &:first-child:last-child
-        margin-left: calc(-1px + #{$large-offset})
-        margin-right: calc(-1px + #{$large-offset})
-
 // The button sizes use mixins so they can be used at different breakpoints
 =button-small
   border-radius: $radius-small
   font-size: $size-small
-  +button-icon($size-small)
 =button-medium
   font-size: $size-medium
-  +button-icon($size-medium)
 =button-large
   font-size: $size-large
-  +button-icon($size-large)
 
 .button
   +control
@@ -94,7 +36,22 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
   white-space: nowrap
   strong
     color: inherit
-  +button-icon($size-normal)
+  .icon
+    &,
+    &.is-small,
+    &.is-medium,
+    &.is-large
+      height: 1.5em
+      width: 1.5em
+    &:first-child:not(:last-child)
+      margin-left: calc(-0.375em - 1px)
+      margin-right: 0.1875em
+    &:last-child:not(:first-child)
+      margin-left: 0.1875em
+      margin-right: calc(-0.375em - 1px)
+    &:first-child:last-child
+      margin-left: calc(-0.375em - 1px)
+      margin-right: calc(-0.375em - 1px)
   // States
   &:hover,
   &.is-hovered
@@ -194,5 +151,12 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
     pointer-events: none
     &:after
       +loader
-      +center(16px)
+      +center(1em)
       position: absolute !important
+
+// Adjustment for vertical spacing
+button.button,
+input[type="submit"].button
+  line-height: 1
+  padding-bottom: 0.4em
+  padding-top: 0.35em

data/app/assets/stylesheets/sass/elements/form.sass

@@ -76,7 +76,7 @@ $input-radius:              $radius !default
   max-width: 100%
   min-height: 120px
   min-width: 100%
-  padding: 10px
+  padding: 0.625em
   resize: vertical
 
 .checkbox,
@@ -105,7 +105,7 @@ $input-radius:              $radius !default
 
 .select
   display: inline-block
-  height: 2.5em
+  height: 2.25em
   position: relative
   vertical-align: top
   &:after
@@ -145,85 +145,124 @@ $input-radius:              $radius !default
 .label
   color: $input
   display: block
-  font-weight: bold
+  font-size: $size-normal
+  font-weight: $weight-bold
   &:not(:last-child)
     margin-bottom: 0.5em
 
 .help
   display: block
   font-size: $size-small
-  margin-top: 5px
+  margin-top: 0.25rem
   @each $name, $pair in $colors
     $color: nth($pair, 1)
     &.is-#{$name}
       color: $color
 
-// Containers
+.select select
+  line-height: 1
 
-.control-label
-  +mobile
-    margin-bottom: 0.5em
-  +tablet
-    flex-basis: 0
-    flex-grow: 1
-    flex-shrink: 0
-    margin-right: 1.5em
-    padding-top: 0.5em
-    text-align: right
+// Containers
 
-.control
-  position: relative
-  text-align: left
+.field
   &:not(:last-child)
     margin-bottom: 0.75rem
   // Modifiers
   &.has-addons
     display: flex
     justify-content: flex-start
-    .button,
-    .input,
-    .select
-      border-radius: 0
+    .control
       margin-right: -1px
-      width: auto
-      &:hover
-        z-index: 2
-      &:focus,
-      &:active
-        z-index: 3
       &:first-child
-        border-radius: $input-radius 0 0 $input-radius
-        select
-          border-radius: $input-radius 0 0 $input-radius
+        .button,
+        .input,
+        .select select
+          border-bottom-left-radius: $input-radius
+          border-top-left-radius: $input-radius
       &:last-child
-        border-radius: 0 $input-radius $input-radius 0
-        select
-          border-radius: 0 $input-radius $input-radius 0
+        .button,
+        .input,
+        .select select
+          border-bottom-right-radius: $input-radius
+          border-top-right-radius: $input-radius
+      .button,
+      .input,
+      .select select
+        border-radius: 0
+        &:hover
+          z-index: 2
+        &:focus,
+        &:active
+          z-index: 3
       &.is-expanded
         flex-grow: 1
         flex-shrink: 0
-    .select select
-      &:hover
-        z-index: 2
-      &:focus,
-      &:active
-        z-index: 3
     &.has-addons-centered
       justify-content: center
     &.has-addons-right
       justify-content: flex-end
     &.has-addons-fullwidth
-      .button,
-      .input,
-      .select
+      .control
         flex-grow: 1
         flex-shrink: 0
+  &.is-grouped
+    display: flex
+    justify-content: flex-start
+    & > .control
+      flex-basis: 0
+      flex-shrink: 0
+      &:not(:last-child)
+        margin-bottom: 0
+        margin-right: 0.75rem
+      &.is-expanded
+        flex-grow: 1
+        flex-shrink: 1
+    &.is-grouped-centered
+      justify-content: center
+    &.is-grouped-right
+      justify-content: flex-end
+  &.is-horizontal
+    +tablet
+      display: flex
+
+.field-label
+  +mobile
+    margin-bottom: 0.5rem
+  +tablet
+    flex-basis: 0
+    flex-grow: 1
+    flex-shrink: 0
+    margin-right: 1.5rem
+    padding-top: 0.375em
+    text-align: right
+
+.field-body
+  +tablet
+    display: flex
+    flex-basis: 0
+    flex-grow: 5
+    flex-shrink: 1
+    .field
+      flex-shrink: 1
+      &:not(.is-narrow)
+        flex-grow: 1
+      &:not(:last-child)
+        margin-bottom: 0
+        margin-right: 0.75rem
+
+.control
+  font-size: $size-normal
+  position: relative
+  text-align: left
+  // Modifiers
   &.has-icon
     .icon
       color: $input-icon
+      height: 2.25em
       pointer-events: none
       position: absolute
-      top: ($size-normal * 2.5) / 2
+      top: 0
+      width: 2.25em
       z-index: 4
     .input
       &:focus
@@ -231,70 +270,46 @@ $input-radius:              $radius !default
           color: $input-icon-active
       &.is-small
         & + .icon
-          top: ($size-small * 2.5) / 2
+          font-size: $size-small
       &.is-medium
         & + .icon
-          top: ($size-medium * 2.5) / 2
+          font-size: $size-medium
       &.is-large
         & + .icon
-          top: ($size-large * 2.5) / 2
+          font-size: $size-large
     &:not(.has-icon-right)
       .icon
-        left: ($size-normal * 2.5) / 2
-        transform: translateX(-50%) translateY(-50%)
+        left: 0
+        // transform: translateX(-50%) translateY(-50%)
       .input
-        padding-left: 2.5em
-        &.is-small
-          & + .icon
-            left: ($size-small * 2.5) / 2
-        &.is-medium
-          & + .icon
-            left: ($size-medium * 2.5) / 2
-        &.is-large
-          & + .icon
-            left: ($size-large * 2.5) / 2
+        padding-left: 2.25em
+        // &.is-small
+        //   & + .icon
+        //     left: ($size-small * 2.5) / 2
+        // &.is-medium
+        //   & + .icon
+        //     left: ($size-medium * 2.5) / 2
+        // &.is-large
+        //   & + .icon
+        //     left: ($size-large * 2.5) / 2
     &.has-icon-right
       .icon
-        right: ($size-normal * 2.5) / 2
-        transform: translateX(50%) translateY(-50%)
+        right: 0
+        // transform: translateX(50%) translateY(-50%)
       .input
-        padding-right: 2.5em
-        &.is-small
-          & + .icon
-            right: ($size-small * 2.5) / 2
-        &.is-medium
-          & + .icon
-            right: ($size-medium * 2.5) / 2
-        &.is-large
-          & + .icon
-            right: ($size-large * 2.5) / 2
-  &.is-grouped
-    display: flex
-    justify-content: flex-start
-    & > .control
-      flex-basis: 0
-      flex-shrink: 0
-      &:not(:last-child)
-        margin-bottom: 0
-        margin-right: 0.75rem
-      &.is-expanded
-        flex-grow: 1
-        flex-shrink: 1
-    &.is-grouped-centered
-      justify-content: center
-    &.is-grouped-right
-      justify-content: flex-end
-  &.is-horizontal
-    +tablet
-      display: flex
-      & > .control
-        display: flex
-        flex-basis: 0
-        flex-grow: 5
-        flex-shrink: 1
+        padding-right: 2.25em
+        // &.is-small
+        //   & + .icon
+        //     right: ($size-small * 2.5) / 2
+        // &.is-medium
+        //   & + .icon
+        //     right: ($size-medium * 2.5) / 2
+        // &.is-large
+        //   & + .icon
+        //     right: ($size-large * 2.5) / 2
   &.is-loading
     &:after
       +loader
       position: absolute !important
-      right: 0.75em
-      top: 0.75em
+      right: 0.625em
+      top: 0.625em

data/app/assets/stylesheets/sass/elements/icon.sass

@@ -1,12 +1,25 @@
 .icon
-  +fa(21px, 1.5rem)
+  align-items: center
+  display: inline-flex
+  justify-content: center
+  height: 1.5rem
+  vertical-align: top
+  width: 1.5rem
   .fa
-    font-size: inherit
-    line-height: inherit
+    font-size: 21px
   // Sizes
   &.is-small
-    +fa(14px, 1rem)
+    height: 1rem
+    width: 1rem
+    .fa
+      font-size: 14px
   &.is-medium
-    +fa(28px, 2rem)
+    height: 2rem
+    width: 2rem
+    .fa
+      font-size: 28px
   &.is-large
-    +fa(42px, 3rem)
+    height: 3rem
+    width: 3rem
+    .fa
+      font-size: 42px

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

@@ -5,13 +5,16 @@
   position: relative
   +desktop
     margin: 0 auto
-    max-width: $desktop - 40px // 960px
+    width: $desktop - 40px
     // Modifiers
     &.is-fluid
       margin: 0 20px
       max-width: none
+      width: auto
   +widescreen
-    max-width: $widescreen - 40px // 1152px
+    width: $widescreen - 40px
+  +fullhd
+    width: $fullhd - 40px
 
 .delete
   +delete

data/app/assets/stylesheets/sass/elements/tag.sass

@@ -14,7 +14,7 @@
   white-space: nowrap
   .delete
     margin-left: 0.25em
-    margin-right: -0.5em
+    margin-right: -0.375em
   // Colors
   @each $name, $pair in $colors
     $color: nth($pair, 1)

data/app/assets/stylesheets/sass/elements/title.sass

@@ -29,8 +29,8 @@ $subtitle-weight:   $weight-light !default
     color: inherit
   & + .highlight
     margin-top: -0.75rem
-  & + .subtitle
-    margin-top: -1.25rem
+  &:not(.is-spaced) + .subtitle
+    margin-top: -1.5rem
   // Colors
   @each $size in $sizes
     $i: index($sizes, $size)
@@ -44,7 +44,7 @@ $subtitle-weight:   $weight-light !default
   line-height: 1.25
   strong
     color: $subtitle-strong
-  & + .title
+  &:not(.is-spaced) + .title
     margin-top: -1.5rem
   // Colors
   @each $size in $sizes

data/app/assets/stylesheets/sass/utilities/controls.sass

@@ -10,11 +10,13 @@ $control-radius-small: $radius-small !default
   box-shadow: none
   display: inline-flex
   font-size: $size-normal
-  height: 2.285em
+  height: 2.25em
   justify-content: flex-start
-  line-height: 1.5
-  padding-left: 0.75em
-  padding-right: 0.75em
+  line-height: 1.25
+  padding-bottom: 0.5em
+  padding-left: 0.625em
+  padding-right: 0.625em
+  padding-top: 0.5em
   position: relative
   vertical-align: top
   // States

data/app/assets/stylesheets/sass/utilities/functions.sass

@@ -26,11 +26,3 @@
     @return rgba(#000, 0.7)
   @else
     @return #fff
-
-@function removeUnit($number)
-  @if type-of($number) == 'number' and not unitless($number)
-    @return $number / ($number * 0 + 1)
-  @return $number
-
-@function roundToEvenNumber($number)
-  @return floor($number / 2) * 2

data/app/assets/stylesheets/sass/utilities/mixins.sass

@@ -28,11 +28,6 @@
   top: 50%
 
 =delete
-  // We need even pixel dimensions to ensure the delete cross can be perfectly centered
-  $dimension-small: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-small)) * 1px
-  $dimension-normal: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-normal)) * 1px
-  $dimension-medium: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-medium)) * 1px
-  $dimension-large: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-large)) * 1px
   +unselectable
   -moz-appearance: none
   -webkit-appearance: none
@@ -42,13 +37,11 @@
   cursor: pointer
   display: inline-block
   font-size: $size-normal
-  height: $dimension-normal
+  height: 20px
   outline: none
   position: relative
-  transform: rotate(45deg)
-  transform-origin: center center
   vertical-align: top
-  width: $dimension-normal
+  width: 20px
   &:before,
   &:after
     background-color: $white
@@ -57,7 +50,8 @@
     left: 50%
     position: absolute
     top: 50%
-    transform: translateX(-50%) translateY(-50%)
+    transform: translateX(-50%) translateY(-50%) rotate(45deg)
+    transform-origin: center center
   &:before
     height: 2px
     width: 50%
@@ -71,14 +65,14 @@
     background-color: rgba($black, 0.4)
   // Sizes
   &.is-small
-    height: $dimension-small
-    width: $dimension-small
+    height: 16px
+    width: 16px
   &.is-medium
-    height: $dimension-medium
-    width: $dimension-medium
+    height: 24px
+    width: 24px
   &.is-large
-    height: $dimension-large
-    width: $dimension-large
+    height: 32px
+    width: 32px
 
 =fa($size, $dimensions)
   display: inline-block
@@ -143,9 +137,9 @@
   border-top-color: transparent
   content: ""
   display: block
-  height: 1rem
+  height: 1em
   position: relative
-  width: 1rem
+  width: 1em
 
 =overflow-touch
   -webkit-overflow-scrolling: touch
@@ -172,14 +166,6 @@
 
 // Responsiveness
 
-$tablet: 769px !default
-// 960px container + 40px
-$desktop: 1000px !default
-// 1152px container + 40
-$widescreen: 1192px !default
-// 960 and 1152 have been chosen because
-// they are divisible by both 12 and 16
-
 =from($device)
   @media screen and (min-width: $device)
     @content
@@ -215,3 +201,11 @@ $widescreen: 1192px !default
 =widescreen
   @media screen and (min-width: $widescreen)
     @content
+
+=widescreen-only
+  @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
+    @content
+
+=fullhd
+  @media screen and (min-width: $fullhd)
+    @content

data/app/assets/stylesheets/sass/utilities/variables.sass

@@ -27,14 +27,14 @@ $red:          hsl(348, 100%, 61%) !default
 
 // Typography
 $family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
-$family-monospace: "Inconsolata", "Consolas", "Monaco", monospace !default
+$family-monospace: monospace !default
 
-$size-1: 3.5rem !default
-$size-2: 2.75rem !default
+$size-1: 3rem !default
+$size-2: 2.5rem !default
 $size-3: 2rem !default
 $size-4: 1.5rem !default
 $size-5: 1.25rem !default
-$size-6: 14px !default
+$size-6: 1rem !default
 $size-7: 0.75rem !default
 
 $weight-light: 300 !default
@@ -42,6 +42,21 @@ $weight-normal: 400 !default
 $weight-semibold: 500 !default
 $weight-bold: 700 !default
 
+// Body
+$body-background: $white !default
+$body-size: 16px !default
+
+// Responsiveness
+// 960, 1152, and 1344 have been chosen because
+// they are divisible by both 12 and 16
+$tablet: 769px !default
+// 960px container + 40px
+$desktop: 1000px !default
+// 1152px container + 40
+$widescreen: 1192px !default
+// 1344px container + 40
+$fullhd: 1384px !default
+
 // Miscellaneous
 $easing: ease-out !default
 $radius-small: 2px !default
@@ -122,7 +137,7 @@ $family-primary: $family-sans-serif !default
 $family-code: $family-monospace !default
 
 $size-small: $size-7 !default
-$size-normal: 1rem !default
+$size-normal: $size-6 !default
 $size-medium: $size-5 !default
 $size-large: $size-4 !default
 

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.3.2'
+  gem.version       = '0.4.0'
   gem.date          = Date.today
   gem.authors       = ["Joshua Jansen"]
   gem.email         = ["joshuajansen88@gmail.com"]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 0.3.2
+  version: 0.4.0
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-01 00:00:00.000000000 Z
+date: 2017-03-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass