bulma-rails 0.0.12 → 0.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9dff5111bb133a0c6a8459f28a72b7fa52742de1
-  data.tar.gz: 894b6acd0a5a303b801a93e11b326e6bf8b76a96
+  metadata.gz: 5b0f4d6f41267e12ff732b169a7c209cd613c387
+  data.tar.gz: ec5d9ac2ad39f0c4c043d6b93f76500ac9c82065
 SHA512:
-  metadata.gz: bc149aec5b1db97d6bf13f63de5427f54d85f2eeaa9e83bdcb33280c9f010f3ad59a0e55115db6aa3ab9844bea71b531872cc3e4bef3db6fa02e1ef97fa93690
-  data.tar.gz: 9e82f40f5ed056e0e304f7af4f040d5a3bf4808502b141f8a4b30bd1c10d27ede169a499eba3f81942d245e1f99b3f2c821efbfe25c17e6e0faff2c614cc2b47
+  metadata.gz: ccc262c5aad2f836d702f46483e95a0908e67152b70d3430690877bfcb37bb924d36561bcd334f43356bebc710dc7670301421424890ed0eaa8dd47968c28dba
+  data.tar.gz: 6f576cab241f16d91959f11a51acb811b14628ba7999aa3f94b4adcc5d4c1a27fec3cd0660e755a885b6ec65de64d8431e4ef795256b25424454448154c782c9

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

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

@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import generic
-@import content
-@import highlight
-@import helpers
+@import "generic"
+@import "content"
+@import "highlight"
+@import "helpers"

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

@@ -1,4 +1,5 @@
 .content
+  @extend .block
   &.is-medium
     font-size: $size-5
     code
@@ -7,8 +8,6 @@
     font-size: $size-4
     code
       font-size: $size-5
-  &:not(:last-child)
-    margin-bottom: 20px
   h1,
   h2,
   h3,

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

@@ -7,6 +7,8 @@ html
   overflow-x: hidden
   overflow-y: scroll
   text-rendering: optimizeLegibility
+  &.has-modal-open
+    overflow: hidden
 
 body,
 button,
@@ -47,7 +49,6 @@ hr
   margin: 20px 0
 
 img
-  max-height: 100%
   max-width: 100%
 
 input[type="checkbox"],
@@ -90,10 +91,17 @@ table
   th
     color: $text-strong
 
+.block:not(:last-child)
+  margin-bottom: 20px
+
 .container
-  margin: 0 auto
-  max-width: 960px
   position: relative
+  +desktop
+    margin: 0 auto
+    max-width: 960px
+    &.is-fluid
+      margin: 0 20px
+      max-width: none
 
 .fa
   font-size: 21px

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

@@ -1,14 +1,3 @@
-// Alignment
-
-.is-centered
-  text-align: center
-
-.is-left
-  text-align: left
-
-.is-right
-  text-align: right
-
 // Display
 
 .is-block
@@ -20,7 +9,7 @@
 .is-flex
   display: flex
 
-// Pull
+// Float
 
 .is-clearfix
   +clearfix
@@ -31,11 +20,27 @@
 .is-pulled-right
   float: right
 
+// Overlay
+
+.is-overlay
+  +overlay
+
 // Size
 
 .is-fullwidth
   width: 100%
 
+// Text
+
+.is-text-centered
+  text-align: center
+
+.is-text-left
+  text-align: left
+
+.is-text-right
+  text-align: right
+
 // Visibility
 
 .is-hidden-mobile

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

@@ -1,12 +1,10 @@
 @charset "utf-8"
 
-@import grid
-@import navbar
-@import card
-@import table
-@import tabs
-@import media
-@import menu
-
-.block:not(:last-child)
-  margin-bottom: 20px
+@import "grid"
+@import "navbar"
+@import "card"
+@import "table"
+@import "tabs"
+@import "media"
+@import "menu"
+@import "modal"

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

@@ -10,10 +10,18 @@
   .columns.is-mobile > &.is-quarter
     flex: none
     width: 25%
+  .columns.is-mobile > &.is-offset-half
+    margin-left: 50%
+  .columns.is-mobile > &.is-offset-third
+    margin-left: 33.3333%
+  .columns.is-mobile > &.is-offset-quarter
+    margin-left: 25%
   @for $i from 1 through 11
-    .columns.is-mobile > &.is-#{$i}-mobile
+    .columns.is-mobile > &.is-#{$i}
       flex: none
       width: ($i / 12) * 100%
+    .columns.is-mobile > &.is-offset-#{$i}
+      margin-left: ($i / 12) * 100%
   +mobile
     &.is-half-mobile
       flex: none
@@ -24,10 +32,18 @@
     &.is-quarter-mobile
       flex: none
       width: 25%
+    &.is-offset-half-mobile
+      margin-left: 50%
+    &.is-offset-third-mobile
+      margin-left: 33.3333%
+    &.is-offset-quarter-mobile
+      margin-left: 25%
     @for $i from 1 through 11
       &.is-#{$i}-mobile
         flex: none
         width: ($i / 12) * 100%
+      &.is-offset-#{$i}-mobile
+        margin-left: ($i / 12) * 100%
   +tablet
     &.is-half,
     &.is-half-tablet
@@ -41,11 +57,23 @@
     &.is-quarter-tablet
       flex: none
       width: 25%
+    &.is-offset-half,
+    &.is-offset-half-tablet
+      margin-left: 50%
+    &.is-offset-third,
+    &.is-offset-third-tablet
+      margin-left: 33.3333%
+    &.is-offset-quarter,
+    &.is-offset-quarter-tablet
+      margin-left: 25%
     @for $i from 1 through 11
       &.is-#{$i},
       &.is-#{$i}-tablet
         flex: none
         width: ($i / 12) * 100%
+      &.is-offset-#{$i},
+      &.is-offset-#{$i}-tablet
+        margin-left: ($i / 12) * 100%
   +desktop
     &.is-half-desktop
       flex: none
@@ -56,10 +84,18 @@
     &.is-quarter-desktop
       flex: none
       width: 25%
+    &.is-offset-half-desktop
+      margin-left: 50%
+    &.is-offset-third-desktop
+      margin-left: 33.3333%
+    &.is-offset-quarter-desktop
+      margin-left: 25%
     @for $i from 1 through 11
       &.is-#{$i}-desktop
         flex: none
         width: ($i / 12) * 100%
+      &.is-offset-#{$i}-desktop
+        margin-left: ($i / 12) * 100%
 
 .columns
   margin-left: -10px
@@ -71,15 +107,11 @@
     margin-bottom: 10px
   &.is-mobile
     display: flex
-  +tablet
-    &:not(.is-desktop)
-      display: flex
-  +desktop
-    &.is-desktop
-      display: flex
   &.is-gapless
+    margin-left: 0
+    margin-right: 0
     &:not(:last-child)
-      margin: 0 0 20px
+      margin-bottom: 20px
     & > .column
       margin: 0
       padding: 0
@@ -97,3 +129,9 @@
         width: 33.3333%
         & + .column
           margin-left: 0
+  +tablet
+    &:not(.is-desktop)
+      display: flex
+  +desktop
+    &.is-desktop
+      display: flex

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

@@ -1,14 +1,3 @@
-.media-image
-  &.is-32
-    width: 32px
-  &.is-40
-    width: 40px
-  +mobile
-    margin-bottom: 10px
-  +tablet
-    margin-right: 10px
-    width: 60px
-
 .media-number
   background: $background
   border-radius: 290486px
@@ -26,25 +15,18 @@
     margin-right: 10px
 
 .media-left
-  +mobile
-    margin-bottom: 20px
-  +tablet
-    margin-right: 20px
+  margin-right: 10px
 
 .media-right
-  +mobile
-    margin-top: 20px
-  +tablet
-    margin-left: 20px
+  margin-left: 10px
 
 .media-content
   flex: 1
   text-align: left
-  .textarea
-    min-height: 60px
 
 .media
   align-items: flex-start
+  display: flex
   text-align: left
   .content:not(:last-child)
     margin-bottom: 10px
@@ -52,10 +34,6 @@
     border-top: 1px solid rgba($border, 0.5)
     display: flex
     padding-top: 10px
-    .media-image
-      margin-bottom: 0
-      margin-right: 10px
-      width: 40px
     .textarea
       +control-small
     .button
@@ -77,7 +55,6 @@
       margin-top: 20px
       padding-top: 20px
   +tablet
-    display: flex
     &.is-large
       .media-number
         margin-right: 20px

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

@@ -7,8 +7,7 @@
       margin-bottom: 10px
 
 .navbar
-  &:not(:last-child)
-    margin-bottom: 20px
+  @extend .block
   code
     border-radius: $radius
   img

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

@@ -9,6 +9,9 @@
     border-width: 0 0 1px
     padding: 8px 10px
     vertical-align: top
+    &.table-narrow
+      white-space: nowrap
+      width: 1%
     &.table-link
       padding: 0
       & > a

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

@@ -1,10 +1,9 @@
 .tabs
+  @extend .block
   line-height: 24px
   overflow: hidden
   overflow-x: auto
   white-space: nowrap
-  &:not(:last-child)
-    margin-bottom: 20px
   .fa
     font-size: 14px
     line-height: 20px

data/app/assets/stylesheets/bulma/config/variables.sass

@@ -4,7 +4,6 @@ $grey-darker: #222324
 $grey-dark: #69707a
 $grey: #aeb1b5
 $grey-light: #d3d6db
-$grey-lighter: #ebeff5
 $grey-lighter: #f5f7fa
 
 $blue: #42afe3

data/app/assets/stylesheets/bulma/elements/controls.sass

@@ -182,15 +182,15 @@
       top: 8px
   &:not(:last-child)
     margin-bottom: 10px
-  &.is-withicon
-    .fa
+  &.has-icon
+    & > .fa
       +fa(14px, 20px)
       color: $text-light
       left: 6px
       pointer-events: none
       position: absolute
       top: 6px
-      z-index: 1
+      z-index: 4
     .input
       padding-left: 32px
       &:focus + .fa

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

@@ -1,10 +1,17 @@
 @charset "utf-8"
 
-@import controls
-@import buttons
-@import titles
-@import messages
-@import notifications
+@import "controls"
+@import "buttons"
+@import "titles"
+@import "images"
+@import "messages"
+@import "notifications"
+
+.box
+  background: white
+  border-radius: 5px
+  box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
+  padding: 20px
 
 .delete
   +unselectable
@@ -25,24 +32,27 @@
     content: ""
     display: block
     height: 2px
-    left: 6px
+    left: 50%
+    margin-left: -25%
+    margin-top: -1px
     position: absolute
-    top: 11px
-    width: 12px
+    top: 50%
+    width: 50%
   &:before
     transform: rotate(45deg)
   &:after
     transform: rotate(-45deg)
   &:hover
-    background: rgba(black, 0.5)
+    background: $red
   &.is-small
     height: 16px
     width: 16px
-    &:before,
-    &:after
-      left: 4px
-      top: 7px
-      width: 8px
+  &.is-medium
+    height: 32px
+    width: 32px
+  &.is-large
+    height: 40px
+    width: 40px
 
 .icon
   +fa(21px, 24px)
@@ -106,13 +116,12 @@
   text-transform: uppercase
 
 .highlight
+  @extend .block
   font-size: 12px
   font-weight: normal
   max-width: 100%
   overflow: hidden
   padding: 0
-  &:not(:last-child)
-    margin-bottom: 20px
   pre
     overflow: auto
     max-width: 100%

data/app/assets/stylesheets/bulma/elements/messages.sass

@@ -19,10 +19,9 @@
     border-top: none
 
 .message
+  @extend .block
   background: $background
   border-radius: $radius
-  &:not(:last-child)
-    margin-bottom: 20px
   @each $name, $pair in $colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)

data/app/assets/stylesheets/bulma/elements/notifications.sass

@@ -1,11 +1,10 @@
 .notification
+  @extend .block
   +clearfix
   background: $background
   border-radius: $radius
   padding: 16px 20px
   position: relative
-  &:not(:last-child)
-    margin-bottom: 20px
   .title
     color: inherit
   @each $name, $pair in $colors
@@ -15,6 +14,10 @@
       background: $color
       color: $color-invert
   .delete
+    background: rgba(black, 0.2)
     border-radius: 0 $radius
     float: right
     margin: -16px -20px 0 20px
+    &:hover
+      background: rgba(black, 0.5)
+

data/app/assets/stylesheets/bulma/elements/titles.sass

@@ -1,8 +1,10 @@
 .title,
 .subtitle
+  @extend .block
   font-weight: 300
-  &:not(:last-child)
-    margin-bottom: 20px
+  a
+    &:hover
+      border-bottom: 1px solid
 
 .title
   color: $text-strong

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

@@ -42,6 +42,9 @@
       border: none
     ul
       border-bottom: none
+    &.is-boxed
+      a
+        padding: 8px 15px
   &.is-alt
     background: $background
     color: $text-light

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

@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import header
-@import hero
-@import section
-@import footer
+@import "header"
+@import "hero"
+@import "section"
+@import "footer"

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

@@ -64,6 +64,7 @@
 
 $tablet: 769px
 $desktop: 980px
+$widescreen: 1180px
 
 =from($device)
   @media screen and (min-width: $device)
@@ -88,3 +89,7 @@ $desktop: 980px
 =desktop
   @media screen and (min-width: $desktop)
     @content
+
+=widescreen
+  @media screen and (min-width: $widescreen)
+    @content

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

@@ -1,6 +1,6 @@
 @charset "utf-8"
 
-@import reset
-@import functions
-@import mixins
-@import animations
+@import "reset"
+@import "functions"
+@import "mixins"
+@import "animations"

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.0.12'
+  gem.version       = '0.0.14'
   gem.date          = Date.today
   gem.authors       = ["Joshua Jansen"]
   gem.email         = ["joshuajansen88@gmail.com"]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.14
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-02-10 00:00:00.000000000 Z
+date: 2016-02-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass