RubyGems - bulma-sass - Versions diffs - 0.7.4 → 0.7.5 - Mend

bulma-sass 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

checksums.yaml CHANGED

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2ee9faa14138fb29fdb687363e42c7e356ab445e5561b353f3e249aef55c9af1
-  data.tar.gz: cd9057d3a943d5126340cd15cc51b7b28899bf247d3e6f3c92142cc49d4d35a9
+  metadata.gz: b8bf07a7a9565214cb70299f04c46fb0bfe4f2882f6f8a840a25677b23e22075
+  data.tar.gz: b52707372ffb2bf76717d1f5d7ad5fb43bf62f8843f4f7fa0a51192e96d7c83f
 SHA512:
-  metadata.gz: b978dbaa28df0852b560f03c89dd64b3ed09d1c485060291e20fcca742f4c49d7a77cee15e7aa6f4993dbc79ab103e5b6cfcfb78b41653501efde82665c468e8
-  data.tar.gz: 43a5841f58d24de2b6d8554f749a7f3b62472b158315531e2795d02645bad27e0da8ac16f117d992618b440e20a4c6b4201eb3546fe89c69bde7cdef72e9fd87
+  metadata.gz: 157f54158210e143d2a0d80c21014be0da4ae7a28d07f0feaddfc6448353b8395fb15027fac114067ac1d4dde06575e3acfc60666a25cca2b14e013eef7bc589
+  data.tar.gz: 5232f9db6b106d9f4267a22403c422b10c937914b6f2685924b807d836e7e6c31b6dc0c983c36084f30d1df3717503d53c60eab35812333a1f3f90db6dd0f676

data/app/assets/stylesheets/bulma.sass CHANGED

@@ -1,8 +1,9 @@
 @charset "utf-8"
-/*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
 @import "sass/utilities/_all"
 @import "sass/base/_all"
 @import "sass/elements/_all"
+@import "sass/form/_all"
 @import "sass/components/_all"
 @import "sass/grid/_all"
 @import "sass/layout/_all"

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

@@ -1,8 +1,13 @@
 $body-background-color: $white !default
 $body-size: 16px !default
+$body-min-width: 300px !default
 $body-rendering: optimizeLegibility !default
 $body-family: $family-primary !default
+$body-overflow-x: hidden !default
+$body-overflow-y: scroll !default
 $body-color: $text !default
+$body-font-size: 1em !default
 $body-weight: $weight-normal !default
 $body-line-height: 1.5 !default
@@ -11,6 +16,8 @@ $code-padding: 0.25em 0.5em 0.25em !default
 $code-weight: normal !default
 $code-size: 0.875em !default
+$small-font-size: 0.875em !default
 $hr-background-color: $background !default
 $hr-height: 2px !default
 $hr-margin: 1.5rem 0 !default
@@ -18,14 +25,18 @@ $hr-margin: 1.5rem 0 !default
 $strong-color: $text-strong !default
 $strong-weight: $weight-bold !default
+$pre-font-size: 0.875em !default
+$pre-padding: 1.25rem 1.5rem !default
+$pre-code-font-size: 1em !default
 html
   background-color: $body-background-color
   font-size: $body-size
   -moz-osx-font-smoothing: grayscale
   -webkit-font-smoothing: antialiased
-  min-width: 300px
-  overflow-x: hidden
-  overflow-y: scroll
+  min-width: $body-min-width
+  overflow-x: $body-overflow-x
+  overflow-y: $body-overflow-y
   text-rendering: $body-rendering
   text-size-adjust: 100%
@@ -53,7 +64,7 @@ pre
 body
   color: $body-color
-  font-size: 1rem
+  font-size: $body-font-size
   font-weight: $body-weight
   line-height: $body-line-height
@@ -91,7 +102,7 @@ input[type="radio"]
   vertical-align: baseline
 small
-  font-size: 0.875em
+  font-size: $small-font-size
 span
   font-style: inherit
@@ -110,21 +121,22 @@ pre
   +overflow-touch
   background-color: $pre-background
   color: $pre
-  font-size: 0.875em
+  font-size: $pre-font-size
   overflow-x: auto
-  padding: 1.25rem 1.5rem
+  padding: $pre-padding
   white-space: pre
   word-wrap: normal
   code
     background-color: transparent
     color: currentColor
-    font-size: 1em
+    font-size: $pre-code-font-size
     padding: 0
 table
   td,
   th
-    text-align: left
     vertical-align: top
+    &:not([align])
+      text-align: left
   th
     color: $text-strong

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

@@ -115,6 +115,8 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
   font-weight: $weight-light !important
 .has-text-weight-normal
   font-weight: $weight-normal !important
+.has-text-weight-medium
+  font-weight: $weight-medium !important
 .has-text-weight-semibold
   font-weight: $weight-semibold !important
 .has-text-weight-bold
@@ -274,3 +276,6 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
 .is-unselectable
   @extend %unselectable
+.is-relative
+  position: relative !important

data/app/assets/stylesheets/sass/base/minireset.sass CHANGED

@@ -81,4 +81,5 @@ table
 td,
 th
   padding: 0
-  text-align: left
+  &:not([align])
+    text-align: left

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

@@ -4,13 +4,18 @@ $card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
 $card-header-background-color: transparent !default
 $card-header-color: $text-strong !default
+$card-header-padding: 0.75rem !default
 $card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
 $card-header-weight: $weight-bold !default
 $card-content-background-color: transparent !default
+$card-content-padding: 1.5rem !default
 $card-footer-background-color: transparent !default
 $card-footer-border-top: 1px solid $border !default
+$card-footer-padding: 0.75rem !default
+$card-media-margin: $block-spacing !default
 .card
   background-color: $card-background-color
@@ -31,7 +36,7 @@ $card-footer-border-top: 1px solid $border !default
   display: flex
   flex-grow: 1
   font-weight: $card-header-weight
-  padding: 0.75rem
+  padding: $card-header-padding
   &.is-centered
     justify-content: center
@@ -40,7 +45,7 @@ $card-footer-border-top: 1px solid $border !default
   cursor: pointer
   display: flex
   justify-content: center
-  padding: 0.75rem
+  padding: $card-header-padding
 .card-image
   display: block
@@ -48,7 +53,7 @@ $card-footer-border-top: 1px solid $border !default
 .card-content
   background-color: $card-content-background-color
-  padding: 1.5rem
+  padding: $card-content-padding
 .card-footer
   background-color: $card-footer-background-color
@@ -63,7 +68,7 @@ $card-footer-border-top: 1px solid $border !default
   flex-grow: 1
   flex-shrink: 0
   justify-content: center
-  padding: 0.75rem
+  padding: $card-footer-padding
   &:not(:last-child)
     border-right: $card-footer-border-top
@@ -71,4 +76,4 @@ $card-footer-border-top: 1px solid $border !default
 .card
   .media:not(:last-child)
-    margin-bottom: 0.75rem
+    margin-bottom: $card-media-margin

data/app/assets/stylesheets/sass/components/dropdown.sass CHANGED

@@ -1,6 +1,10 @@
+$dropdown-menu-min-width: 12rem !default
 $dropdown-content-background-color: $white !default
 $dropdown-content-arrow: $link !default
 $dropdown-content-offset: 4px !default
+$dropdown-content-padding-bottom: 0.5rem !default
+$dropdown-content-padding-top: 0.5rem !default
 $dropdown-content-radius: $radius !default
 $dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
 $dropdown-content-z: 20 !default
@@ -35,7 +39,7 @@ $dropdown-divider-background-color: $border !default
 .dropdown-menu
   display: none
   left: 0
-  min-width: 12rem
+  min-width: $dropdown-menu-min-width
   padding-top: $dropdown-content-offset
   position: absolute
   top: 100%
@@ -45,8 +49,8 @@ $dropdown-divider-background-color: $border !default
   background-color: $dropdown-content-background-color
   border-radius: $dropdown-content-radius
   box-shadow: $dropdown-content-shadow
-  padding-bottom: 0.5rem
-  padding-top: 0.5rem
+  padding-bottom: $dropdown-content-padding-bottom
+  padding-top: $dropdown-content-padding-top
 .dropdown-item
   color: $dropdown-item-color

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

@@ -1,3 +1,5 @@
+$level-item-spacing: ($block-spacing / 2) !default
 .level
   @extend %block
   align-items: center
@@ -18,7 +20,7 @@
     .level-item
       &:not(:last-child)
         margin-bottom: 0
-        margin-right: 0.75rem
+        margin-right: $level-item-spacing
       &:not(.is-narrow)
         flex-grow: 1
   // Responsiveness
@@ -41,7 +43,7 @@
   // Responsiveness
   +mobile
     &:not(:last-child)
-      margin-bottom: 0.75rem
+      margin-bottom: $level-item-spacing
 .level-left,
 .level-right
@@ -55,7 +57,7 @@
     // Responsiveness
     +tablet
       &:not(:last-child)
-        margin-right: 0.75rem
+        margin-right: $level-item-spacing
 .level-left
   align-items: center

data/app/assets/stylesheets/sass/components/list.sass CHANGED

@@ -26,8 +26,8 @@ $list-item-hover-background-color: $background !default
     border-top-left-radius: $list-radius
     border-top-right-radius: $list-radius
   &:last-child
-    border-top-left-radius: $list-radius
-    border-top-right-radius: $list-radius
+    border-bottom-left-radius: $list-radius
+    border-bottom-right-radius: $list-radius
   &:not(:last-child)
     border-bottom: $list-item-border
   &.is-active
@@ -36,4 +36,4 @@ $list-item-hover-background-color: $background !default
 a.list-item
   background-color: $list-item-hover-background-color
-  cursor: pointer
+  cursor: pointer

data/app/assets/stylesheets/sass/components/menu.sass CHANGED

@@ -6,8 +6,15 @@ $menu-item-active-color: $link-invert !default
 $menu-item-active-background-color: $link !default
 $menu-list-border-left: 1px solid $border !default
+$menu-list-line-height: 1.25 !default
+$menu-list-link-padding: 0.5em 0.75em !default
+$menu-nested-list-margin: 0.75em !default
+$menu-nested-list-padding-left: 0.75em !default
 $menu-label-color: $text-light !default
+$menu-label-font-size: 0.75em !default
+$menu-label-letter-spacing: 0.1em !default
+$menu-label-spacing: 1em !default
 .menu
   font-size: $size-normal
@@ -20,12 +27,12 @@ $menu-label-color: $text-light !default
     font-size: $size-large
 .menu-list
-  line-height: 1.25
+  line-height: $menu-list-line-height
   a
     border-radius: $menu-item-radius
     color: $menu-item-color
     display: block
-    padding: 0.5em 0.75em
+    padding: $menu-list-link-padding
     &:hover
       background-color: $menu-item-hover-background-color
       color: $menu-item-hover-color
@@ -36,15 +43,15 @@ $menu-label-color: $text-light !default
   li
     ul
       border-left: $menu-list-border-left
-      margin: 0.75em
-      padding-left: 0.75em
+      margin: $menu-nested-list-margin
+      padding-left: $menu-nested-list-padding-left
 .menu-label
   color: $menu-label-color
-  font-size: 0.75em
-  letter-spacing: 0.1em
+  font-size: $menu-label-font-size
+  letter-spacing: $menu-label-letter-spacing
   text-transform: uppercase
   &:not(:first-child)
-    margin-top: 1em
+    margin-top: $menu-label-spacing
   &:not(:last-child)
-    margin-bottom: 1em
+    margin-bottom: $menu-label-spacing

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

@@ -17,6 +17,7 @@ $message-body-pre-background-color: $white !default
 $message-body-pre-code-background-color: transparent !default
 $message-header-body-border-width: 0 !default
+$message-colors: $colors !default
 .message
   @extend %block
@@ -36,7 +37,7 @@ $message-header-body-border-width: 0 !default
   &.is-large
     font-size: $size-large
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $message-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     $color-lightning: max((100% - lightness($color)) - 2%, 0%)

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

@@ -102,7 +102,7 @@ $modal-card-body-padding: 20px !default
   border-top: $modal-card-foot-border-top
   .button
     &:not(:last-child)
-      margin-right: 10px
+      margin-right: 0.5em
 .modal-card-body
   +overflow-touch

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

@@ -69,6 +69,7 @@ $navbar-breakpoint: $desktop !default
           color: $color-invert
         & > a.navbar-item,
         .navbar-link
+          &:focus,
           &:hover,
           &.is-active
             background-color: darken($color, 5%)
@@ -86,6 +87,7 @@ $navbar-breakpoint: $desktop !default
             color: $color-invert
           & > a.navbar-item,
           .navbar-link
+            &:focus,
             &:hover,
             &.is-active
               background-color: darken($color, 5%)
@@ -93,6 +95,7 @@ $navbar-breakpoint: $desktop !default
           .navbar-link
             &::after
               border-color: $color-invert
+        .navbar-item.has-dropdown:focus .navbar-link,
         .navbar-item.has-dropdown:hover .navbar-link,
         .navbar-item.has-dropdown.is-active .navbar-link
           background-color: darken($color, 5%)
@@ -135,6 +138,7 @@ body
 .navbar-brand
   a.navbar-item
+    &:focus,
     &:hover
       background-color: transparent
@@ -167,6 +171,8 @@ body
 a.navbar-item,
 .navbar-link
   cursor: pointer
+  &:focus,
+  &:focus-within,
   &:hover,
   &.is-active
     background-color: $navbar-item-hover-background-color
@@ -187,6 +193,7 @@ a.navbar-item,
     border-bottom: 1px solid transparent
     min-height: $navbar-height
     padding-bottom: calc(0.5rem - 1px)
+    &:focus,
     &:hover
       background-color: $navbar-tab-hover-background-color
       border-bottom-color: $navbar-tab-hover-border-bottom-color
@@ -286,16 +293,20 @@ a.navbar-item,
     &.is-transparent
       a.navbar-item,
       .navbar-link
+        &:focus,
         &:hover,
         &.is-active
           background-color: transparent !important
       .navbar-item.has-dropdown
         &.is-active,
+        &.is-hoverable:focus,
+        &.is-hoverable:focus-within,
         &.is-hoverable:hover
           .navbar-link
             background-color: transparent !important
       .navbar-dropdown
         a.navbar-item
+          &:focus,
           &:hover
             background-color: $navbar-dropdown-item-hover-background-color
             color: $navbar-dropdown-item-hover-color
@@ -323,6 +334,8 @@ a.navbar-item,
         box-shadow: 0 -8px 8px rgba($black, 0.1)
         top: auto
     &.is-active,
+    &.is-hoverable:focus,
+    &.is-hoverable:focus-within,
     &.is-hoverable:hover
       .navbar-dropdown
         display: block
@@ -358,6 +371,7 @@ a.navbar-item,
       white-space: nowrap
     a.navbar-item
       padding-right: 3rem
+      &:focus,
       &:hover
         background-color: $navbar-dropdown-item-hover-background-color
         color: $navbar-dropdown-item-hover-color
@@ -413,9 +427,10 @@ a.navbar-item,
   .navbar-link
     &.is-active
       color: $navbar-item-active-color
-    &.is-active:not(:hover)
+    &.is-active:not(:focus):not(:hover)
       background-color: $navbar-item-active-background-color
   .navbar-item.has-dropdown
+    &:focus,
     &:hover,
     &.is-active
       .navbar-link