bulma-rails 0.0.17.1 → 0.0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4d301838a70878cdbe59a68e49a8f94d5d002a72
-  data.tar.gz: f7764db67f2419659742b63b71643603ea19095d
+  metadata.gz: 30374f8faf97af8ce079cd59f7a9d031b817523b
+  data.tar.gz: 54a723a995d79aa26783ef4e402144ee5d4c9c09
 SHA512:
-  metadata.gz: ee000e39bad1cc3f0d31716e10db577079a54aa64ca5758033658bfe99dba7d4059d30db6731ad7837de34cbed585a6941e2733f3f1f0897d432d1b759641775
-  data.tar.gz: 1ac59afcf75741a40235bdc583cfa8e0e8e6f27f9e2e76181617532eba997c27a121bababfa3bf269fb39c8e4b0cc688c1ca7ee83418ff3812c478d2c2fe9980
+  metadata.gz: 4dde55d05d561a26cc0e9d4437792d61596725726d7bfb017fd672b31eab0ee8527b5ef3431ac433fc1a6ae23594a530de2ed4709444bec322b8240df508b782
+  data.tar.gz: 5328626a5b3347a5e1e493a93957e40e4940e589e1f8ced6fac18ccc0d7aa7415af892044192438efe0be2aac5ebd53bdcd49fcec4b9ff0dc7b1d7b9864646fa

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

data/app/assets/stylesheets/bulma/base/content.sass

@@ -1,13 +1,15 @@
 .content
   @extend .block
-  &.is-medium
-    font-size: $size-5
-    code
-      font-size: $size-6
-  &.is-large
-    font-size: $size-4
-    code
-      font-size: $size-5
+  // Inline
+  li + li
+    margin-top: 0.25em
+  // Block
+  blockquote,
+  p,
+  ol,
+  ul
+    &:not(:last-child)
+      margin-bottom: 1em
   h1,
   h2,
   h3,
@@ -23,6 +25,10 @@
   h3
     &:not(:first-child)
       margin-top: 40px
+  blockquote
+    background: $background
+    border-left: 5px solid $border
+    padding: 1.5em
   h1
     font-size: 2em
   h2
@@ -35,24 +41,27 @@
     font-size: 1.125em
   h6
     font-size: 1em
-  p:not(:last-child)
-    margin-bottom: 1em
-  li + li
-    margin-top: 0.25em
   ol
     list-style: decimal outside
-    margin: 1em 2em
+    margin-left: 2em
+    margin-right: 2em
+    margin-top: 1em
   ul
     list-style: disc outside
-    margin: 1em 2em
+    margin-left: 2em
+    margin-right: 2em
+    margin-top: 1em
     ul
       list-style-type: circle
       margin-top: 0.5em
       ul
         list-style-type: square
-  blockquote
-    background: $background
-    border-left: 5px solid $border
-    padding: 1.5em
-    &:not(:last-child)
-      margin-bottom: 1em
+  // Sizes
+  &.is-medium
+    font-size: $size-5
+    code
+      font-size: $size-6
+  &.is-large
+    font-size: $size-4
+    code
+      font-size: $size-5

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

@@ -7,9 +7,19 @@ html
   overflow-x: hidden
   overflow-y: scroll
   text-rendering: optimizeLegibility
-  &.has-modal-open
+  // Modifiers
+  &.has-modal
     overflow: hidden
 
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section
+  display: block
+
 body,
 button,
 input,
@@ -21,7 +31,7 @@ code,
 pre
   -moz-osx-font-smoothing: auto
   -webkit-font-smoothing: auto
-  font-family: monospace
+  font-family: $family-code
   line-height: 1.25
 
 body
@@ -29,6 +39,8 @@ body
   font-size: 1rem
   line-height: 1.428571428571429
 
+// Inline
+
 a
   color: $link
   cursor: pointer
@@ -61,14 +73,7 @@ small
 strong
   color: $text-strong
 
-article,
-aside,
-figure,
-footer,
-header,
-hgroup,
-section
-  display: block
+// Block
 
 pre
   background: $pre-background
@@ -84,21 +89,25 @@ pre
 
 table
   width: 100%
-  th,
-  td
+  td,
+  th
     text-align: left
     vertical-align: top
   th
     color: $text-strong
 
-.block:not(:last-child)
-  margin-bottom: 20px
+// Classes
+
+.block
+  &:not(:last-child)
+    margin-bottom: 20px
 
 .container
   position: relative
   +desktop
     margin: 0 auto
     max-width: 960px
+    // Modifiers
     &.is-fluid
       margin: 0 20px
       max-width: none

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

@@ -19,24 +19,22 @@
 .is-overlay
   +overlay
 
-// Size
-
-.is-fullwidth
-  width: 100%
-
 // Text
 
-.is-text-centered
+.has-text-centered
   text-align: center
 
-.is-text-left
+.has-text-left
   text-align: left
 
-.is-text-right
+.has-text-right
   text-align: right
 
 // Visibility
 
+.is-hidden
+  display: none !important
+
 .is-hidden-mobile
   +mobile
     display: none !important
@@ -63,4 +61,3 @@
 
 .is-unselectable
   +unselectable
-

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

@@ -46,12 +46,14 @@
 .card
   background: white
   box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
+  color: $text
   max-width: 100%
   position: relative
   width: 300px
   .media:not(:last-child)
     margin-bottom: 10px
-  &.is-rounded
-    border-radius: 5px
+  // Modifiers
   &.is-fullwidth
     width: 100%
+  &.is-rounded
+    border-radius: 5px

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

@@ -16,4 +16,13 @@
   background: white
   border-radius: 5px
   box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
+  display: block
   padding: 20px
+
+a.box
+  &:hover,
+  &:focus
+    box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px $link
+  &:active
+    box-shadow: inset 0 1px 2px rgba(black, 0.2), 0 0 0 1px $link
+

data/app/assets/stylesheets/bulma/components/grid.sass

@@ -1,6 +1,9 @@
 .column
   flex: 1
   padding: 10px
+  .columns.is-mobile > &.is-full
+    flex: none
+    width: 100%
   .columns.is-mobile > &.is-half
     flex: none
     width: 50%
@@ -16,13 +19,16 @@
     margin-left: 33.3333%
   .columns.is-mobile > &.is-offset-quarter
     margin-left: 25%
-  @for $i from 1 through 11
+  @for $i from 1 through 12
     .columns.is-mobile > &.is-#{$i}
       flex: none
       width: ($i / 12) * 100%
     .columns.is-mobile > &.is-offset-#{$i}
       margin-left: ($i / 12) * 100%
   +mobile
+    &.is-full-mobile
+      flex: none
+      width: 100%
     &.is-half-mobile
       flex: none
       width: 50%
@@ -38,13 +44,17 @@
       margin-left: 33.3333%
     &.is-offset-quarter-mobile
       margin-left: 25%
-    @for $i from 1 through 11
+    @for $i from 1 through 12
       &.is-#{$i}-mobile
         flex: none
         width: ($i / 12) * 100%
       &.is-offset-#{$i}-mobile
         margin-left: ($i / 12) * 100%
   +tablet
+    &.is-full,
+    &.is-full-tablet
+      flex: none
+      width: 100%
     &.is-half,
     &.is-half-tablet
       flex: none
@@ -66,7 +76,7 @@
     &.is-offset-quarter,
     &.is-offset-quarter-tablet
       margin-left: 25%
-    @for $i from 1 through 11
+    @for $i from 1 through 12
       &.is-#{$i},
       &.is-#{$i}-tablet
         flex: none
@@ -75,6 +85,9 @@
       &.is-offset-#{$i}-tablet
         margin-left: ($i / 12) * 100%
   +desktop
+    &.is-full-desktop
+      flex: none
+      width: 100%
     &.is-half-desktop
       flex: none
       width: 50%
@@ -90,7 +103,7 @@
       margin-left: 33.3333%
     &.is-offset-quarter-desktop
       margin-left: 25%
-    @for $i from 1 through 11
+    @for $i from 1 through 12
       &.is-#{$i}-desktop
         flex: none
         width: ($i / 12) * 100%
@@ -105,23 +118,22 @@
     margin-bottom: -10px
   &:not(:last-child)
     margin-bottom: 10px
+  // Modifiers
   &.is-centered
     justify-content: center
-  &.is-mobile
-    display: flex
   &.is-gapless
     margin-left: 0
     margin-right: 0
+    margin-top: 0
+    &:last-child
+      margin-bottom: 0
     &:not(:last-child)
       margin-bottom: 20px
     & > .column
       margin: 0
       padding: 0
-  &.is-multiline
-    flex-wrap: wrap
-  &.is-vcentered
-    align-items: center
   &.is-grid
+    // Responsiveness
     +tablet
       flex-wrap: wrap
       & > .column
@@ -131,9 +143,57 @@
         width: 33.3333%
         & + .column
           margin-left: 0
+  &.is-mobile
+    display: flex
+  &.is-multiline
+    flex-wrap: wrap
+  &.is-vcentered
+    align-items: center
+  // Responsiveness
   +tablet
     &:not(.is-desktop)
       display: flex
   +desktop
+    // Modifiers
     &.is-desktop
       display: flex
+
+.tile-content
+  align-items: stretch
+  flex: 1
+  margin: 0 !important
+  // Responsiveness
+  +tablet
+    display: flex
+
+.tile
+  flex: 1
+  // Modifiers
+  &.is-parent
+    padding: 10px
+  // Responsiveness
+  +tablet
+    // Sizes
+    @for $i from 1 through 12
+      &.is-#{$i}
+        flex: none
+        width: ($i / 12) * 100%
+
+.tiles
+  align-items: stretch
+  // Modifiers
+  &.is-ancestor
+    margin-left: -10px
+    margin-right: -10px
+    margin-top: -10px
+    &:last-child
+      margin-bottom: -10px
+    &:not(:last-child)
+      margin-bottom: 10px
+  &.is-vertical
+    flex-direction: column
+    & > .tile-content:not(:last-child)
+      margin-bottom: 20px !important
+  // Responsiveness
+  +tablet
+    display: flex

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

@@ -9,6 +9,7 @@
   padding: 4px 8px
   text-align: center
   vertical-align: top
+  // Responsiveness
   +mobile
     margin-bottom: 10px
   +tablet
@@ -50,10 +51,12 @@
     border-top: 1px solid rgba($border, 0.5)
     margin-top: 10px
     padding-top: 10px
+  // Sizes
   &.is-large
     & + .media
       margin-top: 20px
       padding-top: 20px
+  // Responsiveness
   +tablet
     &.is-large
       .media-number

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

@@ -12,13 +12,15 @@
     &:hover
       background: $background
       color: $link
+    // Modifiers
     &.is-active
       background: $link
       color: $link-invert
-  li ul
-    border-left: 1px solid $border
-    margin: 10px
-    padding-left: 10px
+  li
+    ul
+      border-left: 1px solid $border
+      margin: 10px
+      padding-left: 10px
 
 .menu-label
   color: $text-light