bulma-rails 0.9.3 → 0.9.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0f23802006ea243e64255a3d2ba2c9bd82e4c6350fbbd8f9cf9a3feb700d1f56
-  data.tar.gz: 40de97f9bff592255f906be8eb1704a3b6f8514625536a1c17b8c7b10911feb0
+  metadata.gz: bb793337dd5425144623b53744b9505ecbd6bb85d7896099f4381d70f40c00be
+  data.tar.gz: 63b2556f401653e1a20e704154c0cde0ad7335fa8f2ba6422f4bea1913d41001
 SHA512:
-  metadata.gz: 6593971d948f8acfe1d51e6f431ab8ca3c31219c521ac6225da8017790b1e54bb3b1df61d1ceded04470d2777ec7e00edf25b92b334c1b6d145fe72a7b4f93cf
-  data.tar.gz: c4671fbe80312a4f2b5b169788126cd4cc2f576ecfbf573127dcbb3489878e195f1fafc5c6388fae04cb5d321acd4ae324ad21752d5fc8c060bfb83e708ce4c5
+  metadata.gz: b0992d9a411de47c501cfd01ef7a4146a4e12376463f416754e5dd8f531f1649e7906d62ef696fe131fc0acefa40d75b6685ab71fdc9f3fbbc83dcd872c828ca
+  data.tar.gz: fe0e2ec8b2c435c9874d6119fefd697c9eb87e985ba5956567cb158cfbbe1072485c42e02d105a0cdf6b580237d5157da215c6dd7ed369da7a53c64b2ab4eae1

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.9.3"
+    gem "bulma-rails", "~> 0.9.4"
 
 And then execute:
 
@@ -22,7 +22,8 @@ To import all assets in your Rails project, add the following line to your appli
 ```
 
 For information about customizing Bulma,
-see: [http://bulma.io/documentation/overview/start/](http://bulma.io/documentation/overview/start/)
+see: [Customizing with Sass](http://bulma.io/documentation/overview/customize/). As you don't need to download any files, jump to **2 Set your variables**. Beware that the example shown there uses SASS instead of SCSS syntax.
+
 
 ## Contributing
 

data/app/assets/stylesheets/bulma.sass

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

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

@@ -88,7 +88,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
     border-color: $pagination-focus-border-color
   &:active
     box-shadow: $pagination-shadow-inset
-  &[disabled]
+  &[disabled],
+  &.is-disabled
     background-color: $pagination-disabled-background-color
     border-color: $pagination-disabled-border-color
     box-shadow: none

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

@@ -44,6 +44,7 @@ $button-static-background-color: $scheme-main-ter !default
 $button-static-border-color: $border !default
 
 $button-colors: $colors !default
+$button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": ($size-small * 0.875), "medium": $size-small, "large": $size-normal), "tablet-only": ("small": ($size-small * 0.875), "normal": ($size-small), "medium": $size-normal, "large": $size-medium)) !default
 
 // The button sizes use mixins so they can be used at different breakpoints
 =button-small
@@ -163,7 +164,7 @@ $button-colors: $colors !default
       &[disabled],
       fieldset[disabled] &
         background-color: $color
-        border-color: transparent
+        border-color: $color
         box-shadow: none
       &.is-inverted
         background-color: $color-invert
@@ -343,3 +344,14 @@ $button-colors: $colors !default
       .button:not(.is-fullwidth)
         margin-left: 0.25rem
         margin-right: 0.25rem
+
+@each $bp-name, $bp-sizes in $button-responsive-sizes
+  +breakpoint($bp-name)
+    @each $size, $value in $bp-sizes
+      @if $size != "normal"
+        .button.is-responsive.is-#{$size}
+          font-size: $value
+      @else
+        .button.is-responsive,
+        .button.is-responsive.is-normal
+          font-size: $value

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

@@ -4,6 +4,8 @@ $content-heading-color: $text-strong !default
 $content-heading-weight: $weight-semibold !default
 $content-heading-line-height: 1.125 !default
 
+$content-block-margin-bottom: 1em !default
+
 $content-blockquote-background-color: $background !default
 $content-blockquote-border-left: 5px solid $border !default
 $content-blockquote-padding: 1.25em 1.5em !default
@@ -16,6 +18,7 @@ $content-table-cell-padding: 0.5em 0.75em !default
 $content-table-cell-heading-color: $text-strong !default
 $content-table-head-cell-border-width: 0 0 2px !default
 $content-table-head-cell-color: $text-strong !default
+$content-table-body-last-row-cell-border-bottom-width: 0 !default
 $content-table-foot-cell-border-width: 2px 0 0 !default
 $content-table-foot-cell-color: $text-strong !default
 
@@ -33,7 +36,7 @@ $content-table-foot-cell-color: $text-strong !default
   pre,
   table
     &:not(:last-child)
-      margin-bottom: 1em
+      margin-bottom: $content-block-margin-bottom
   h1,
   h2,
   h3,
@@ -144,7 +147,7 @@ $content-table-foot-cell-color: $text-strong !default
         &:last-child
           td,
           th
-            border-bottom-width: 0
+            border-bottom-width: $content-table-body-last-row-cell-border-bottom-width
   .tabs
     li + li
       margin-top: 0

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

@@ -7,6 +7,7 @@ $table-cell-border: 1px solid $border !default
 $table-cell-border-width: 0 0 1px !default
 $table-cell-padding: 0.5em 0.75em !default
 $table-cell-heading-color: $text-strong !default
+$table-cell-text-align: left !default
 
 $table-head-cell-border-width: 0 0 2px !default
 $table-head-cell-color: $text-strong !default
@@ -60,7 +61,7 @@ $table-colors: $colors !default
   th
     color: $table-cell-heading-color
     &:not([align])
-      text-align: inherit
+      text-align: $table-cell-text-align
   tr
     &.is-selected
       background-color: $table-row-active-background-color

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

@@ -66,7 +66,8 @@ $select-colors: $form-colors !default
   // Modifiers
   &.is-disabled
     &::after
-      border-color: $input-disabled-color
+      border-color: $input-disabled-color !important
+      opacity: 0.5
   &.is-fullwidth
     width: 100%
     select

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

@@ -82,7 +82,7 @@
   @else
     @return #fff
 
-@function findLightColor($color)
+@function findLightColor($color, $l: 96%)
   @if type-of($color) == 'color'
     $l: 96%
     @if lightness($color) > 96%
@@ -90,9 +90,8 @@
     @return change-color($color, $lightness: $l)
   @return $background
 
-@function findDarkColor($color)
+@function findDarkColor($color, $base-l: 29%)
   @if type-of($color) == 'color'
-    $base-l: 29%
     $luminance: colorLuminance($color)
     $luminance-delta: (0.53 - $luminance)
     $target-l: round($base-l + ($luminance-delta * 53))

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

@@ -62,6 +62,7 @@ $widescreen-enabled: true !default
 // 1344px container + 4rem
 $fullhd: 1344px + (2 * $gap) !default
 $fullhd-enabled: true !default
+$breakpoints: ("mobile": ("until": $tablet), "tablet": ("from": $tablet), "tablet-only": ("from": $tablet, "until": $desktop), "touch": ("from": $desktop), "desktop": ("from": $desktop), "desktop-only": ("from": $desktop, "until": $widescreen), "until-widescreen": ("until": $widescreen), "widescreen": ("from": $widescreen), "widescreen-only": ("from": $widescreen, "until": $fullhd), "until-fullhd": ("until": $fullhd), "fullhd": ("from": $fullhd)) !default
 
 // Miscellaneous
 

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

@@ -25,6 +25,11 @@
   width: $dimensions
 
 =hamburger($dimensions)
+  -moz-appearance: none
+  -webkit-appearance: none
+  appearance: none
+  background: none
+  border: none
   cursor: pointer
   display: block
   height: $dimensions
@@ -90,6 +95,10 @@
   @media screen and (max-width: $device - 1px)
     @content
 
+=between($from, $until)
+  @media screen and (min-width: $from) and (max-width: $until - 1px)
+    @content
+
 =mobile
   @media screen and (max-width: $tablet - 1px)
     @content
@@ -140,6 +149,21 @@
     @media screen and (min-width: $fullhd)
       @content
 
+=breakpoint($name)
+  $breakpoint: map-get($breakpoints, $name)
+  @if $breakpoint
+    $from: map-get($breakpoint, "from")
+    $until: map-get($breakpoint, "until")
+    @if $from and $until
+      +between($from, $until)
+        @content
+    @else if $from
+      +from($from)
+        @content
+    @else if $until
+      +until($until)
+        @content
+
 =ltr
   @if not $rtl
     @content
@@ -277,4 +301,3 @@
   position: absolute
   right: $offset
   top: $offset
-

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.9.3'
+  gem.version       = '0.9.4'
   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.9.3
+  version: 0.9.4
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-02-22 00:00:00.000000000 Z
+date: 2022-10-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc