bulma-rails 0.6.1 → 0.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 26be2ca12c9d47bcd329d2a97e46a45dac8e18a7
-  data.tar.gz: 86390307107024d31bdf3c2f96475c65229248fa
+  metadata.gz: 29fc7a8a059b5386cf420352a77aefc14f7cdc36
+  data.tar.gz: 56b6346030bd4ef37052c23ac038199fb513633f
 SHA512:
-  metadata.gz: 6ac2b4fea00ada7f05a5a0c8e697b2de5c704b1a29f3ff1ab9ebcc1d8265d02174a514c523bfcc4b345f62f920fc982c3d60b419728ec37e466927fba2660fec
-  data.tar.gz: bd9bcd883e2bbae9dbb2cc68272b32e23d9a2c7d37a827051858c8421f3c2b7e73b2ef175c6583d014a5a05f9580596ed112af9c82f5520627cc165a5b085047
+  metadata.gz: '0986b424dab51f4c2a32e64ec1fb24e88c423220dc5d62018173593aab07bde271f6dcfa0783e39e196378fd9736dd381d66595509098a79f64372a686ff451f'
+  data.tar.gz: a9e32c0f692c614e0cfdadbc7f9bfb0cba744b3b52a1c66eda1a12dff887c5364b18a599e2871100d9d9b70eccb71802216ee08f5222fdfb0ad43372790a2daf

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.6.1"
+    gem "bulma-rails", "~> 0.6.2"
 
 And then execute:
 

data/app/assets/stylesheets/bulma.sass

@@ -1,5 +1,5 @@
 @charset "utf-8"
-/*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
 @import "sass/utilities/_all"
 @import "sass/base/_all"
 @import "sass/elements/_all"

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

@@ -89,6 +89,9 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
 .is-uppercase
   text-transform: uppercase !important
 
+.is-italic
+  font-style: italic !important
+
 @each $name, $pair in $colors
   $color: nth($pair, 1)
   .has-text-#{$name}

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

@@ -42,7 +42,7 @@
   +mobile
     &:not(:last-child)
       margin-bottom: 0.75rem
-    
+
 .level-left,
 .level-right
   flex-basis: auto

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

@@ -41,4 +41,5 @@
   flex-basis: auto
   flex-grow: 1
   flex-shrink: 1
+  overflow: auto
   text-align: left

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

@@ -1,4 +1,4 @@
-$modal-z: 20 !default
+$modal-z: 40 !default
 
 $modal-background-background-color: rgba($black, 0.86) !default
 

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

@@ -206,7 +206,7 @@ a.navbar-link
       align-items: center
       display: flex
   .navbar-menu
-    background-color: $white
+    background-color: $navbar-background-color
     box-shadow: 0 8px 16px rgba($black, 0.1)
     padding: 0.5rem 0
     &.is-active

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

@@ -33,6 +33,14 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
     font-size: $size-medium
   &.is-large
     font-size: $size-large
+  &.is-rounded
+    .pagination-previous,
+    .pagination-next
+      padding-left: 1em
+      padding-right: 1em
+      border-radius: $radius-rounded
+    .pagination-link
+      border-radius: $radius-rounded
 
 .pagination,
 .pagination-list
@@ -58,6 +66,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 .pagination-next,
 .pagination-link
   border-color: $pagination-border-color
+  color: $pagination-color
   min-width: 2.25em
   &:hover
     border-color: $pagination-hover-border-color

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

@@ -132,6 +132,16 @@ $tabs-toggle-link-active-color: $link-invert !default
           z-index: 1
     ul
       border-bottom: none
+    &.is-toggle-rounded
+      li
+        &:first-child a
+          border-bottom-left-radius: $radius-rounded
+          border-top-left-radius: $radius-rounded
+          padding-left: 1.25em
+        &:last-child a
+          border-bottom-right-radius: $radius-rounded
+          border-top-right-radius: $radius-rounded
+          padding-right: 1.25em
   // Sizes
   &.is-small
     font-size: $size-small

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

@@ -199,6 +199,10 @@ $button-static-border-color: $grey-lighter !default
     color: $button-static-color
     box-shadow: none
     pointer-events: none
+  &.is-rounded
+    border-radius: $radius-rounded
+    padding-left: 1em
+    padding-right: 1em
 
 .buttons
   align-items: center

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

@@ -70,8 +70,6 @@ $help-size: $size-small !default
   box-shadow: $input-shadow
   max-width: 100%
   width: 100%
-  &[type="search"]
-    border-radius: 290486px
   &[readonly]
     box-shadow: none
   // Colors
@@ -100,6 +98,10 @@ $help-size: $size-small !default
     width: auto
 
 .input
+  &.is-rounded
+    border-radius: $radius-rounded
+    padding-left: 1em
+    padding-right: 1em
   &.is-static
     background-color: transparent
     border-color: transparent
@@ -153,6 +155,10 @@ $help-size: $size-small !default
       right: 1.125em
       top: 50%
       z-index: 4
+  &.is-rounded
+    select
+      border-radius: $radius-rounded
+      padding-left: 1em
   select
     +input
     cursor: pointer
@@ -274,10 +280,6 @@ $help-size: $size-small !default
         border-radius: $file-radius
       .file-name
         display: none
-  &.is-centered
-    justify-content: center
-  &.is-right
-    justify-content: flex-end
   &.is-boxed
     .file-label
       flex-direction: column
@@ -307,19 +309,22 @@ $help-size: $size-small !default
       .file-name
         border-radius: 0 0 $file-radius $file-radius
         border-width: 0 1px 1px
+  &.is-centered
+    justify-content: center
+  &.is-fullwidth
+    .file-label
+      width: 100%
+    .file-name
+      flex-grow: 1
+      max-width: none
   &.is-right
+    justify-content: flex-end
     .file-cta
       border-radius: 0 $file-radius $file-radius 0
     .file-name
       border-radius: $file-radius 0 0 $file-radius
       border-width: 1px 0 1px 1px
       order: -1
-  &.is-fullwidth
-    .file-label
-      width: 100%
-    .file-name
-      flex-grow: 1
-      max-width: none
 
 .file-label
   align-items: stretch
@@ -419,22 +424,26 @@ $help-size: $size-small !default
     .control
       &:not(:last-child)
         margin-right: -1px
+      &:not(:first-child):not(:last-child)
+        .button,
+        .input,
+        .select select
+          border-radius: 0
       &:first-child
         .button,
         .input,
         .select select
-          border-bottom-left-radius: $input-radius
-          border-top-left-radius: $input-radius
+          border-bottom-right-radius: 0
+          border-top-right-radius: 0
       &:last-child
         .button,
         .input,
         .select select
-          border-bottom-right-radius: $input-radius
-          border-top-right-radius: $input-radius
+          border-bottom-left-radius: 0
+          border-top-left-radius: 0
       .button,
       .input,
       .select select
-        border-radius: 0
         &:hover,
         &.is-hovered
           z-index: 2
@@ -602,6 +611,7 @@ $help-size: $size-small !default
       position: absolute !important
       right: 0.625em
       top: 0.625em
+      z-index: 4
     &.is-small:after
       font-size: $size-small
     &.is-medium:after

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

@@ -7,6 +7,8 @@ $dimensions: 16 24 32 48 64 96 128 !default
     display: block
     height: auto
     width: 100%
+    &.is-rounded
+      border-radius: $radius-rounded
   // Ratio
   &.is-square,
   &.is-1by1,

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

@@ -20,8 +20,8 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
     background: transparent
   & > .delete
     position: absolute
-    right: 0.5em
-    top: 0.5em
+    right: 0.5rem
+    top: 0.5rem
   .title,
   .subtitle,
   .content

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

@@ -27,7 +27,7 @@
 .number
   align-items: center
   background-color: $background
-  border-radius: 290486px
+  border-radius: $radius-rounded
   display: inline-flex
   font-size: $size-medium
   height: 2em

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

@@ -6,7 +6,7 @@ $progress-value-background-color: $text !default
   -moz-appearance: none
   -webkit-appearance: none
   border: none
-  border-radius: 290486px
+  border-radius: $radius-rounded
   display: block
   height: $size-normal
   overflow: hidden

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

@@ -104,7 +104,7 @@ $tag-delete-margin: 1px !default
     &:active
       background-color: darken($tag-background-color, 10%)
   &.is-rounded
-    border-radius: 290486px
+    border-radius: $radius-rounded
 
 a.tag
   &:hover

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

@@ -3,6 +3,8 @@ $title-size: $size-3 !default
 $title-weight: $weight-semibold !default
 $title-strong-color: inherit !default
 $title-strong-weight: inherit !default
+$title-sub-size: 0.75em !default
+$title-sup-size: 0.75em !default
 
 $subtitle-color: $grey-dark !default
 $subtitle-size: $size-5 !default
@@ -17,6 +19,10 @@ $subtitle-strong-weight: $weight-semibold !default
   em,
   span
     font-weight: inherit
+  sub
+    font-size: $title-sub-size
+  sup
+    font-size: $title-sup-size
   .tag
     vertical-align: middle
 

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

@@ -464,13 +464,14 @@ $column-gap: 0.75rem !default
     &.is-desktop
       display: flex
 
-.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}
+@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}

data/app/assets/stylesheets/sass/layout/hero.sass

@@ -17,7 +17,7 @@
     &.is-#{$name}
       background-color: $color
       color: $color-invert
-      a:not(.button),
+      a:not(.button):not(.dropdown-item):not(.tag),
       strong
         color: inherit
       .title

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

@@ -49,12 +49,12 @@ $weight-bold: 700 !default
 $gap: 32px !default
 // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
 $tablet: 769px !default
-// 960px container + 3rem
+// 960px container + 4rem
 $desktop: 960px + (2 * $gap) !default
-// 1152px container + 3rem
-$widescreen: 1152px + (2 * $gap)  !default
-// 1344px container + 3rem
-$fullhd: 1344px + (2 * $gap)  !default
+// 1152px container + 4rem
+$widescreen: 1152px + (2 * $gap) !default
+// 1344px container + 4rem
+$fullhd: 1344px + (2 * $gap) !default
 
 // Miscellaneous
 
@@ -62,4 +62,9 @@ $easing: ease-out !default
 $radius-small: 2px !default
 $radius: 3px !default
 $radius-large: 5px !default
+$radius-rounded: 290486px !default
 $speed: 86ms !default
+
+// Flags
+
+$variable-columns: true !default

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

@@ -38,7 +38,7 @@
   -webkit-appearance: none
   background-color: rgba($black, 0.2)
   border: none
-  border-radius: 290486px
+  border-radius: $radius-rounded
   cursor: pointer
   display: inline-block
   flex-grow: 0
@@ -144,7 +144,7 @@
 =loader
   animation: spinAround 500ms infinite linear
   border: 2px solid $border
-  border-radius: 290486px
+  border-radius: $radius-rounded
   border-right-color: transparent
   border-top-color: transparent
   content: ""

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.6.1'
+  gem.version       = '0.6.2'
   gem.authors       = ["Joshua Jansen"]
   gem.email         = ["joshuajansen88@gmail.com"]
   gem.description   = %q{A modern CSS framework based on Flexbox}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.6.2
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-11-06 00:00:00.000000000 Z
+date: 2018-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass