bulma-sass 0.7.4 → 0.7.5

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

@@ -1,5 +1,6 @@
 $progress-bar-background-color: $border !default
 $progress-value-background-color: $text !default
+$progress-border-radius: $radius-rounded !default
 
 $progress-indeterminate-duration: 1.5s !default
 
@@ -8,7 +9,7 @@ $progress-indeterminate-duration: 1.5s !default
   -moz-appearance: none
   -webkit-appearance: none
   border: none
-  border-radius: $radius-rounded
+  border-radius: $progress-border-radius
   display: block
   height: $size-normal
   overflow: hidden
@@ -23,6 +24,19 @@ $progress-indeterminate-duration: 1.5s !default
   &::-ms-fill
     background-color: $progress-value-background-color
     border: none
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &::-webkit-progress-value
+        background-color: $color
+      &::-moz-progress-bar
+        background-color: $color
+      &::-ms-fill
+        background-color: $color
+      &:indeterminate
+        background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
+
   &:indeterminate
     animation-duration: $progress-indeterminate-duration
     animation-iteration-count: infinite
@@ -37,18 +51,6 @@ $progress-indeterminate-duration: 1.5s !default
       background-color: transparent
     &::-moz-progress-bar
       background-color: transparent
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    &.is-#{$name}
-      &::-webkit-progress-value
-        background-color: $color
-      &::-moz-progress-bar
-        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

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

@@ -53,7 +53,8 @@ $table-striped-row-even-hover-background-color: $white-ter !default
         color: currentColor
   th
     color: $table-cell-heading-color
-    text-align: left
+    &:not([align])
+      text-align: left
   tr
     &.is-selected
       background-color: $table-row-active-background-color

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

@@ -23,15 +23,6 @@ $tag-delete-margin: 1px !default
   &.are-large
     .tag:not(.is-normal):not(.is-medium)
       font-size: $size-medium
-  &.has-addons
-    .tag
-      margin-right: 0
-      &:not(:first-child)
-        border-bottom-left-radius: 0
-        border-top-left-radius: 0
-      &:not(:last-child)
-        border-bottom-right-radius: 0
-        border-top-right-radius: 0
   &.is-centered
     justify-content: center
     .tag

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

@@ -1,4 +1,5 @@
 $title-color: $grey-darker !default
+$title-family: false !default
 $title-size: $size-3 !default
 $title-weight: $weight-semibold !default
 $title-line-height: 1.125 !default
@@ -8,6 +9,7 @@ $title-sub-size: 0.75em !default
 $title-sup-size: 0.75em !default
 
 $subtitle-color: $grey-dark !default
+$subtitle-family: false !default
 $subtitle-size: $size-5 !default
 $subtitle-weight: $weight-normal !default
 $subtitle-line-height: 1.25 !default
@@ -31,6 +33,8 @@ $subtitle-negative-margin: -1.25rem !default
 
 .title
   color: $title-color
+  @if $title-family
+    font-family: $title-family
   font-size: $title-size
   font-weight: $title-weight
   line-height: $title-line-height
@@ -49,6 +53,8 @@ $subtitle-negative-margin: -1.25rem !default
 
 .subtitle
   color: $subtitle-color
+  @if $subtitle-family
+    font-family: $subtitle-family
   font-size: $subtitle-size
   font-weight: $subtitle-weight
   line-height: $subtitle-line-height

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

@@ -56,7 +56,7 @@ $column-gap: 0.75rem !default
     margin-left: 60%
   .columns.is-mobile > &.is-offset-four-fifths
     margin-left: 80%
-  @for $i from 1 through 12
+  @for $i from 0 through 12
     .columns.is-mobile > &.is-#{$i}
       flex: none
       width: percentage($i / 12)
@@ -113,7 +113,7 @@ $column-gap: 0.75rem !default
       margin-left: 60%
     &.is-offset-four-fifths-mobile
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i}-mobile
         flex: none
         width: percentage($i / 12)
@@ -190,7 +190,7 @@ $column-gap: 0.75rem !default
     &.is-offset-four-fifths,
     &.is-offset-four-fifths-tablet
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i},
       &.is-#{$i}-tablet
         flex: none
@@ -249,7 +249,7 @@ $column-gap: 0.75rem !default
       margin-left: 60%
     &.is-offset-four-fifths-touch
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i}-touch
         flex: none
         width: percentage($i / 12)
@@ -306,7 +306,7 @@ $column-gap: 0.75rem !default
       margin-left: 60%
     &.is-offset-four-fifths-desktop
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i}-desktop
         flex: none
         width: percentage($i / 12)
@@ -363,7 +363,7 @@ $column-gap: 0.75rem !default
       margin-left: 60%
     &.is-offset-four-fifths-widescreen
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i}-widescreen
         flex: none
         width: percentage($i / 12)
@@ -420,7 +420,7 @@ $column-gap: 0.75rem !default
       margin-left: 60%
     &.is-offset-four-fifths-fullhd
       margin-left: 80%
-    @for $i from 1 through 12
+    @for $i from 0 through 12
       &.is-#{$i}-fullhd
         flex: none
         width: percentage($i / 12)

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

@@ -1,3 +1,5 @@
+$tile-spacing: 0.75rem !default
+
 .tile
   align-items: stretch
   display: block
@@ -7,17 +9,17 @@
   min-height: min-content
   // Modifiers
   &.is-ancestor
-    margin-left: -0.75rem
-    margin-right: -0.75rem
-    margin-top: -0.75rem
+    margin-left: $tile-spacing * -1
+    margin-right: $tile-spacing * -1
+    margin-top: $tile-spacing * -1
     &:last-child
-      margin-bottom: -0.75rem
+      margin-bottom: $tile-spacing * -1
     &:not(:last-child)
-      margin-bottom: 0.75rem
+      margin-bottom: $tile-spacing
   &.is-child
     margin: 0 !important
   &.is-parent
-    padding: 0.75rem
+    padding: $tile-spacing
   &.is-vertical
     flex-direction: column
     & > .tile.is-child:not(:last-child)

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

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

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

@@ -17,7 +17,7 @@
     &.is-#{$name}
       background-color: $color
       color: $color-invert
-      a:not(.button):not(.dropdown-item):not(.tag),
+      a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
       strong
         color: inherit
       .title
@@ -68,19 +68,6 @@
         +mobile
           .navbar-menu
             background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
-      // Responsiveness
-      // +mobile
-      //   .nav-toggle
-      //     span
-      //       background-color: $color-invert
-      //     &:hover
-      //       background-color: rgba($black, 0.1)
-      //     &.is-active
-      //       span
-      //         background-color: $color-invert
-      //   .nav-menu
-      //     .nav-item
-      //       border-top-color: rgba($color-invert, 0.2)
   // Sizes
   &.is-small
     .hero-body

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

@@ -43,10 +43,14 @@ $weight-medium: 500 !default
 $weight-semibold: 600 !default
 $weight-bold: 700 !default
 
+// Spacing
+
+$block-spacing: 1.5rem !default
+
 // Responsiveness
 
 // The container horizontal gap, which acts as the offset for breakpoints
-$gap: 64px !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 + 4rem

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

@@ -159,9 +159,9 @@
 %arrow
   +arrow
 
-=block
+=block($spacing: $block-spacing)
   &:not(:last-child)
-    margin-bottom: 1.5rem
+    margin-bottom: $spacing
 
 %block
   +block

data/lib/bulma/sass/version.rb

@@ -1,5 +1,5 @@
 module Bulma
   module Sass
-	  VERSION = "0.7.4"
+	  VERSION = "0.7.5"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bulma-sass
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.7.5
 platform: ruby
 authors:
 - bananaappletw