bulma-sass 0.7.2 → 0.7.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65b77721d208a29094ff36a1ee6533674ef5815a223414b3e96044b1480303f1
-  data.tar.gz: 2b43c76396d08ea65c4ffbd470ff4efb2f9289b1fffeadfe87f1c0bb5f889dea
+  metadata.gz: a9fda8464edc9d318daedc75dceec791e5f1fb84a37f13eb8d130ad6d968e5da
+  data.tar.gz: 216e37077ed2f1455990ca959b87a8815828a6aa8bd9349c313924ac6447bbc2
 SHA512:
-  metadata.gz: ef841e47eedd0fa0aa63cddd0d468c2f02f05bc3a049f1089e22ad289d1fbe16244b98f635d05da5dc51b5351b16394680fbd6ab22f962da084f144d5e1bed05
-  data.tar.gz: c52c4b7fc8b69d6f0a43f20b52b18a50d92e17f405c448b9bf0e303ed1610b8563a2fefd6997cb2fb3685910941aa45685a5ddf04c4cb5df863c6ebd5d484688
+  metadata.gz: 163f35dac5e36b21e3f509469b8b1d51e90dbdc0a0eafecfeace60595a81da8e42412cf7a8f376edbb16989a3f9ff2888c1830da64eef2d27fb83ebfe369e5c5
+  data.tar.gz: 1c3fe11e62404f533d8d243cfeeaa4830aed0f2e788d1e5ac088f977f3852d4c93d71a30163bb2d552f5210e6af2b7535372ed23bd73c3d7373d486d6307cf15

data/.gitignore

@@ -1,4 +1,5 @@
 /.bundle/
+/build
 /.yardoc
 /_yardoc/
 /coverage/

data/README.md

@@ -1,9 +1,11 @@
 # Bulma-sass
 
-Bulma, modern CSS framework based on Flexbox
-
 `bulma-sass` gem supports Rails and Sprockets
 
+Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
+
+<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600" height="315"></a>
+
 ## Rails 
 
 ### Installation

data/app/assets/stylesheets/bulma.sass

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

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

@@ -103,6 +103,9 @@ strong
 
 // Block
 
+fieldset
+  border: none
+
 pre
   +overflow-touch
   background-color: $pre-background

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

@@ -120,6 +120,21 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
 .has-text-weight-bold
   font-weight: $weight-bold !important
 
+.is-family-primary
+  font-family: $family-primary !important
+
+.is-family-secondary
+  font-family: $family-secondary !important
+
+.is-family-sans-serif
+  font-family: $family-sans-serif !important
+
+.is-family-monospace
+  font-family: $family-monospace !important
+
+.is-family-code
+  font-family: $family-code !important
+
 // Visibility
 
 $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'

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

@@ -25,7 +25,7 @@ $message-header-body-border-width: 0 !default
   font-size: $size-normal
   strong
     color: currentColor
-  a:not(.button):not(.tag)
+  a:not(.button):not(.tag):not(.dropdown-item)
     color: currentColor
     text-decoration: underline
   // Sizes

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

@@ -420,3 +420,9 @@ a.navbar-item,
     &.is-active
       .navbar-link
         background-color: $navbar-item-hover-background-color
+
+// Combination
+
+.hero
+  &.is-fullheight-with-navbar
+    min-height: calc(100vh - #{$navbar-height})

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

@@ -35,6 +35,8 @@ $button-static-border-color: $grey-lighter !default
 =button-small
   border-radius: $radius-small
   font-size: $size-small
+=button-normal
+  font-size: $size-normal
 =button-medium
   font-size: $size-medium
 =button-large
@@ -104,7 +106,8 @@ $button-static-border-color: $grey-lighter !default
     &.is-active
       background-color: darken($button-text-hover-background-color, 5%)
       color: $button-text-hover-color
-    &[disabled]
+    &[disabled],
+    fieldset[disabled] &
       background-color: transparent
       border-color: transparent
       box-shadow: none
@@ -131,7 +134,8 @@ $button-static-border-color: $grey-lighter !default
         background-color: darken($color, 5%)
         border-color: transparent
         color: $color-invert
-      &[disabled]
+      &[disabled],
+      fieldset[disabled] &
         background-color: $color
         border-color: transparent
         box-shadow: none
@@ -140,7 +144,8 @@ $button-static-border-color: $grey-lighter !default
         color: $color
         &:hover
           background-color: darken($color-invert, 5%)
-        &[disabled]
+        &[disabled],
+        fieldset[disabled] &
           background-color: $color-invert
           border-color: transparent
           box-shadow: none
@@ -160,7 +165,8 @@ $button-static-border-color: $grey-lighter !default
         &.is-loading
           &::after
             border-color: transparent transparent $color $color !important
-        &[disabled]
+        &[disabled],
+        fieldset[disabled] &
           background-color: transparent
           border-color: $color
           box-shadow: none
@@ -173,7 +179,8 @@ $button-static-border-color: $grey-lighter !default
         &:focus
           background-color: $color-invert
           color: $color
-        &[disabled]
+        &[disabled],
+        fieldset[disabled] &
           background-color: transparent
           border-color: $color-invert
           box-shadow: none
@@ -181,12 +188,15 @@ $button-static-border-color: $grey-lighter !default
   // Sizes
   &.is-small
     +button-small
+  &.is-normal
+    +button-normal
   &.is-medium
     +button-medium
   &.is-large
     +button-large
   // Modifiers
-  &[disabled]
+  &[disabled],
+  fieldset[disabled] &
     background-color: $button-disabled-background-color
     border-color: $button-disabled-border-color
     box-shadow: $button-disabled-shadow
@@ -225,6 +235,16 @@ $button-static-border-color: $grey-lighter !default
     margin-bottom: -0.5rem
   &:not(:last-child)
     margin-bottom: 1rem
+  // Sizes
+  &.are-small
+    .button:not(.is-normal):not(.is-medium):not(.is-large)
+      +button-small
+  &.are-medium
+    .button:not(.is-small):not(.is-normal):not(.is-large)
+      +button-medium
+  &.are-large
+    .button:not(.is-small):not(.is-normal):not(.is-medium)
+      +button-large
   &.has-addons
     .button
       &:not(:first-child)

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

@@ -3,6 +3,7 @@ $input-background-color: $white !default
 $input-border-color: $grey-lighter !default
 $input-height: $control-height !default
 $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
+$input-placeholder-color: rgba($input-color, 0.3) !default
 
 $input-hover-color: $grey-darker !default
 $input-hover-border-color: $grey-light !default
@@ -15,6 +16,7 @@ $input-focus-box-shadow-color: rgba($link, 0.25) !default
 $input-disabled-color: $text-light !default
 $input-disabled-background-color: $background !default
 $input-disabled-border-color: $background !default
+$input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
 
 $input-arrow: $link !default
 
@@ -47,7 +49,7 @@ $help-size: $size-small !default
   border-color: $input-border-color
   color: $input-color
   +placeholder
-    color: rgba($input-color, 0.3)
+    color: $input-placeholder-color
   &:hover,
   &.is-hovered
     border-color: $input-hover-border-color
@@ -57,13 +59,14 @@ $help-size: $size-small !default
   &.is-active
     border-color: $input-focus-border-color
     box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
-  &[disabled]
+  &[disabled],
+  fieldset[disabled] &
     background-color: $input-disabled-background-color
     border-color: $input-disabled-border-color
     box-shadow: none
     color: $input-disabled-color
     +placeholder
-      color: rgba($input-disabled-color, 0.3)
+      color: $input-disabled-placeholder-color
 
 .input,
 .textarea
@@ -135,7 +138,8 @@ $help-size: $size-small !default
     cursor: pointer
   &:hover
     color: $input-hover-color
-  &[disabled]
+  &[disabled],
+  fieldset[disabled] &
     color: $input-disabled-color
     cursor: not-allowed
 
@@ -169,7 +173,8 @@ $help-size: $size-small !default
     outline: none
     &::-ms-expand
       display: none
-    &[disabled]:hover
+    &[disabled]:hover,
+    fieldset[disabled] &:hover
       border-color: $input-disabled-border-color
     &:not([multiple])
       padding-right: 2.5em
@@ -437,13 +442,13 @@ $help-size: $size-small !default
         .input,
         .select select
           border-radius: 0
-      &:first-child
+      &:first-child:not(:only-child)
         .button,
         .input,
         .select select
           border-bottom-right-radius: 0
           border-top-right-radius: 0
-      &:last-child
+      &:last-child:not(:only-child)
         .button,
         .input,
         .select select
@@ -498,7 +503,6 @@ $help-size: $size-small !default
         margin-bottom: -0.75rem
       &:not(:last-child)
         margin-bottom: 0
-
   &.is-horizontal
     +tablet
       display: flex
@@ -544,44 +548,12 @@ $help-size: $size-small !default
         margin-right: 0.75rem
 
 .control
+  box-sizing: border-box
   clear: both //fixes the icon floating out of the input when help text is floated right
   font-size: $size-normal
   position: relative
   text-align: left
   // Modifiers
-  // DEPRECATED
-  &.has-icon
-    .icon
-      color: $input-icon-color
-      height: $input-height
-      pointer-events: none
-      position: absolute
-      top: 0
-      width: $input-height
-      z-index: 4
-    .input
-      &:focus
-        & + .icon
-          color: $input-icon-active-color
-      &.is-small
-        & + .icon
-          font-size: $size-small
-      &.is-medium
-        & + .icon
-          font-size: $size-medium
-      &.is-large
-        & + .icon
-          font-size: $size-large
-    &:not(.has-icon-right)
-      .icon
-        left: 0
-      .input
-        padding-left: $input-height
-    &.has-icon-right
-      .icon
-        right: 0
-      .input
-        padding-right: $input-height
   &.has-icons-left,
   &.has-icons-right
     .input,

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

@@ -26,7 +26,8 @@ $dimensions: 16 24 32 48 64 96 128 !default
   &.is-9by16,
   &.is-1by2,
   &.is-1by3
-    img
+    img,
+    .has-ratio
       @extend %overlay
       height: 100%
       width: 100%

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

@@ -1,6 +1,8 @@
 $progress-bar-background-color: $border !default
 $progress-value-background-color: $text !default
 
+$progress-indeterminate-duration: 1.5s !default
+
 .progress
   @extend %block
   -moz-appearance: none
@@ -21,6 +23,20 @@ $progress-value-background-color: $text !default
   &::-ms-fill
     background-color: $progress-value-background-color
     border: none
+  &:indeterminate
+    animation-duration: $progress-indeterminate-duration
+    animation-iteration-count: infinite
+    animation-name: moveIndeterminate
+    animation-timing-function: linear
+    background-color: $progress-bar-background-color
+    background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
+    background-position: top left
+    background-repeat: no-repeat
+    background-size: 150% 150%
+    &::-webkit-progress-bar
+      background-color: transparent
+    &::-moz-progress-bar
+      background-color: transparent
   // Colors
   @each $name, $pair in $colors
     $color: nth($pair, 1)
@@ -31,6 +47,9 @@ $progress-value-background-color: $text !default
         background-color: $color
       &::-ms-fill
         background-color: $color
+      &:indeterminate
+        background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
+
   // Sizes
   &.is-small
     height: $size-small
@@ -38,3 +57,9 @@ $progress-value-background-color: $text !default
     height: $size-medium
   &.is-large
     height: $size-large
+
+@keyframes moveIndeterminate
+  from
+    background-position: 200% 0
+  to
+    background-position: -200% 0

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

@@ -11,6 +11,10 @@ $table-head-cell-color: $text-strong !default
 $table-foot-cell-border-width: 2px 0 0 !default
 $table-foot-cell-color: $text-strong !default
 
+$table-head-background-color: transparent !default
+$table-body-background-color: transparent !default
+$table-foot-background-color: transparent !default
+
 $table-row-hover-background-color: $white-bis !default
 
 $table-row-active-background-color: $primary !default
@@ -62,16 +66,19 @@ $table-striped-row-even-hover-background-color: $white-ter !default
         border-color: $table-row-active-color
         color: currentColor
   thead
+    background-color: $table-head-background-color
     td,
     th
       border-width: $table-head-cell-border-width
       color: $table-head-cell-color
   tfoot
+    background-color: $table-foot-background-color
     td,
     th
       border-width: $table-foot-cell-border-width
       color: $table-foot-cell-color
   tbody
+    background-color: $table-body-background-color
     tr
       &:last-child
         td,

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

@@ -16,6 +16,13 @@ $tag-delete-margin: 1px !default
     margin-bottom: -0.5rem
   &:not(:last-child)
     margin-bottom: 1rem
+  // Sizes
+  &.are-medium
+    .tag:not(.is-normal):not(.is-large)
+      font-size: $size-normal
+  &.are-large
+    .tag:not(.is-normal):not(.is-medium)
+      font-size: $size-medium
   &.has-addons
     .tag
       margin-right: 0
@@ -37,6 +44,16 @@ $tag-delete-margin: 1px !default
         margin-left: 0.5rem
       &:not(:last-child)
         margin-right: 0
+  &.has-addons
+    .tag
+      margin-right: 0
+      &:not(:first-child)
+        margin-left: 0
+        border-bottom-left-radius: 0
+        border-top-left-radius: 0
+      &:not(:last-child)
+        border-bottom-right-radius: 0
+        border-top-right-radius: 0
 
 .tag:not(body)
   align-items: center
@@ -62,6 +79,8 @@ $tag-delete-margin: 1px !default
       background-color: $color
       color: $color-invert
   // Sizes
+  &.is-normal
+    font-size: $size-small
   &.is-medium
     font-size: $size-normal
   &.is-large

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

@@ -1,5 +1,6 @@
 $footer-background-color: $white-bis !default
+$footer-padding: 3rem 1.5rem 6rem !default
 
 .footer
   background-color: $footer-background-color
-  padding: 3rem 1.5rem 6rem
+  padding: $footer-padding

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

@@ -109,8 +109,6 @@
     min-height: 50vh
   &.is-fullheight
     min-height: 100vh
-  &.is-fullheight-with-navbar
-    min-height: calc(100vh - #{$navbar-height})
 
 // Components
 

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

@@ -33,7 +33,8 @@ $control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
   &:active,
   &.is-active
     outline: none
-  &[disabled]
+  &[disabled],
+  fieldset[disabled] &
     cursor: not-allowed
 
 %control

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

@@ -67,6 +67,7 @@ $link-active-border: $grey-dark !default
 // Typography
 
 $family-primary: $family-sans-serif !default
+$family-secondary: $family-sans-serif !default
 $family-code: $family-monospace !default
 
 $size-small: $size-7 !default

data/bulma-sass.gemspec

@@ -14,7 +14,7 @@ Gem::Specification.new do |spec|
   spec.homepage      = "https://github.com/bananaappletw/bulma-sass"
   spec.license       = "MIT"
   spec.files         = `git ls-files -z`.split("\x0").reject do |f|
-    f.match(%r{^(test|spec|features)/})
+	  f.match(%r{^(test|spec|features|release.sh)/})
   end
   spec.bindir        = "exe"
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }

data/lib/bulma/sass/version.rb

@@ -1,5 +1,5 @@
 module Bulma
   module Sass
-    VERSION = "0.7.2"
+	  VERSION = "0.7.3.1"
   end
 end

data/release.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+echo "Enter version"
+read version
+sed -i "s/VERSION = \".*\"/VERSION = \"$version\"/g" lib/bulma/sass/version.rb
+rm -rf app/assets/stylesheets/*
+rm -rf build/
+git clone -b "$version" https://github.com/jgthms/bulma build/
+mv build/bulma.sass app/assets/stylesheets/
+mv build/sass/ app/assets/stylesheets/
+rm -rf build/
+git add .
+git commit -m "Release v$version"
+git tag -a "v$version" -m "v$version"
+gem build bulma-sass.gemspec
+gem push "bulma-sass-$version.gem"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-sass
 version: !ruby/object:Gem::Version
-  version: 0.7.2
+  version: 0.7.3.1
 platform: ruby
 authors:
 - bananaappletw
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-11-10 00:00:00.000000000 Z
+date: 2019-07-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -65,7 +65,6 @@ files:
 - README.md
 - Rakefile
 - app/assets/stylesheets/bulma.sass
-- app/assets/stylesheets/sass/.DS_Store
 - app/assets/stylesheets/sass/base/_all.sass
 - app/assets/stylesheets/sass/base/generic.sass
 - app/assets/stylesheets/sass/base/helpers.sass
@@ -123,6 +122,7 @@ files:
 - lib/bulma-sass.rb
 - lib/bulma/sass/engine.rb
 - lib/bulma/sass/version.rb
+- release.sh
 homepage: https://github.com/bananaappletw/bulma-sass
 licenses:
 - MIT