bulma-rails 0.0.20 → 0.0.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 774aebc8a2a7798b3ac5da9809a0e5bf0ee34dd4
-  data.tar.gz: d0e1e3b77d460242d664108908b1efb1db27a92e
+  metadata.gz: 0acd4d0cdc013db40dbc67e2ec9c20976629b445
+  data.tar.gz: 7d9021c83668d66baa58b82e4b67d11aa49db655
 SHA512:
-  metadata.gz: 64fec80c16757c05cfe31bfd25e370b46412407705f843d57e511866f752dbd1ee0b5801956d8dda327841a58fcfa799da8aa8ed176cc35353106a7f1b8d7a2b
-  data.tar.gz: a40ebaaccd6b6a793e4671216384d1e0b6e07e15828e92f0aa9445788dfc600b5622e6fd326c6f7e6ecd6b536854ea23159edc52fe9f8e6ab590ae646f187c87
+  metadata.gz: 9525d525e230aa38b53d338b844854c564a7bb639deb789a7f6e27066ef6c4782b46c97c8af0c77a758279946dbebce08c20d6defdedb6fd2a100773f02dcf9d
+  data.tar.gz: 9daa92e8c6d57b6f20f57f96ee07ef4672dca66233f7c079e0f74662dc96ef58a5fd6abc6a78bdde4e59f0b6cc9eb77396408b12b17b96c22cb8337a43555607

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

data/app/assets/stylesheets/bulma.sass

@@ -1,9 +1,7 @@
 @charset "utf-8"
 
-@import "bulma/utilities/utilities"
-@import "bulma/config/variables"
-@import "bulma/config/generated-variables"
-@import "bulma/base/base"
-@import "bulma/elements/elements"
-@import "bulma/components/components"
-@import "bulma/layout/layout"
+@import "sass/utilities/utilities"
+@import "sass/base/base"
+@import "sass/elements/elements"
+@import "sass/components/components"
+@import "sass/layout/layout"

data/app/assets/stylesheets/{bulma → sass}/base/base.sass

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

data/app/assets/stylesheets/{bulma → sass}/components/components.sass

@@ -1,15 +1,15 @@
 @charset "utf-8"
 
-@import "grid"
-@import "navbar"
 @import "card"
-@import "table"
-@import "tabs"
+@import "grid"
 @import "media"
 @import "menu"
+@import "message"
+@import "modal"
+@import "navbar"
 @import "pagination"
 @import "panel"
-@import "modal"
+@import "tabs"
 
 .box
   @extend .block

data/app/assets/stylesheets/{bulma → sass}/components/grid.sass

@@ -1,6 +1,8 @@
 .column
   flex: 1
   padding: 10px
+  .columns.is-mobile > &.is-narrow
+    flex: none
   .columns.is-mobile > &.is-full
     flex: none
     width: 100%
@@ -36,6 +38,8 @@
     .columns.is-mobile > &.is-offset-#{$i}
       margin-left: ($i / 12) * 100%
   +mobile
+    &.is-narrow-mobile
+      flex: none
     &.is-full-mobile
       flex: none
       width: 100%
@@ -71,6 +75,9 @@
       &.is-offset-#{$i}-mobile
         margin-left: ($i / 12) * 100%
   +tablet
+    &.is-narrow,
+    &.is-narrow-tablet
+      flex: none
     &.is-full,
     &.is-full-tablet
       flex: none
@@ -119,6 +126,8 @@
       &.is-offset-#{$i}-tablet
         margin-left: ($i / 12) * 100%
   +desktop
+    &.is-narrow-desktop
+      flex: none
     &.is-full-desktop
       flex: none
       width: 100%

data/app/assets/stylesheets/{bulma → sass}/elements/elements.sass

@@ -1,12 +1,14 @@
 @charset "utf-8"
 
 @import "controls"
-@import "buttons"
-@import "titles"
-@import "images"
-@import "messages"
-@import "notifications"
+
+@import "button"
+@import "content"
+@import "image"
+@import "notification"
 @import "progress"
+@import "table"
+@import "title"
 
 .delete
   +unselectable

data/app/assets/stylesheets/{bulma/components → sass/elements}/table.sass

@@ -10,18 +10,18 @@
     padding: 8px 10px
     vertical-align: top
     // Modifiers
-    &.table-icon
+    &.is-icon
       padding: 5px
       text-align: center
       white-space: nowrap
       width: 1%
       .fa
         +fa(21px, 24px)
-      &.table-link
+      &.is-link
         padding: 0
         & > a
           padding: 5px
-    &.table-link
+    &.is-link
       padding: 0
       & > a
         display: block
@@ -29,7 +29,7 @@
         &:hover
           background: $link
           color: $link-invert
-    &.table-narrow
+    &.is-narrow
       white-space: nowrap
       width: 1%
   th
@@ -70,13 +70,13 @@
     th
       padding: 5px 10px
       // Modifiers
-      &.table-icon
+      &.is-icon
         padding: 2px
-        &.table-link
+        &.is-link
           padding: 0
           & > a
             padding: 2px
-      &.table-link
+      &.is-link
         padding: 0
         & > a
           padding: 5px 10px

data/app/assets/stylesheets/{bulma/elements/titles.sass → sass/elements/title.sass}

@@ -2,7 +2,7 @@
 .subtitle
   @extend .block
   font-weight: $weight-title-normal
-  word-break: break-all
+  word-break: break-word
   em,
   span
     font-weight: $weight-title-normal

data/app/assets/stylesheets/{bulma → sass}/layout/hero.sass

@@ -64,6 +64,7 @@
           color: inherit
       .subtitle
         color: rgba($color-invert, 0.7)
+        a,
         strong
           color: $color-invert
       .header .container

data/app/assets/stylesheets/{bulma → sass}/utilities/utilities.sass

@@ -4,3 +4,4 @@
 @import "functions"
 @import "mixins"
 @import "animations"
+@import "variables"

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

@@ -0,0 +1,145 @@
+// 1. Initial variables
+
+// Colors
+
+$grey-darker: #222324 !default
+$grey-dark: #69707a !default
+$grey: #aeb1b5 !default
+$grey-light: #d3d6db !default
+$grey-lighter: #f5f7fa !default
+
+$blue: #42afe3 !default
+$green: #97cd76 !default
+$orange: #f68b39 !default
+$purple: #847bb9 !default
+$red: #ed6c63 !default
+$turquoise: #1fc8db !default
+$yellow: #fce473 !default
+
+// Typography
+
+$family-sans-serif: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
+$family-monospace: "Source Code Pro", "Monaco", "Inconsolata", monospace !default
+
+$size-1: 48px !default
+$size-2: 40px !default
+$size-3: 28px !default
+$size-4: 24px !default
+$size-5: 18px !default
+$size-6: 14px !default
+
+$size-7: 11px !default
+
+$weight-title-normal: 300 !default
+$weight-title-bold: 500 !default
+
+// Breakpoints
+
+$tablet: 769px !default
+$desktop: 980px !default
+$widescreen: 1180px !default
+
+// Dimensions
+
+$column-gap: 20px !default
+
+$header-height: 50px !default
+
+// Miscellaneous
+
+$easing: ease-out !default
+$radius: 3px !default
+$speed: 86ms !default
+
+// 2. Primary colors
+
+$primary: $turquoise !default
+
+$info: $blue !default
+$success: $green !default
+$warning: $yellow !default
+$danger: $red !default
+
+$dark: $grey-darker !default
+
+$text: $grey-dark !default
+
+// 3. Generated variables
+
+// Invert colors
+
+$primary-invert: findColorInvert($primary) !default
+
+$info-invert: findColorInvert($info) !default
+$success-invert: findColorInvert($success) !default
+$warning-invert: findColorInvert($warning) !default
+$danger-invert: findColorInvert($danger) !default
+
+$dark-invert: findColorInvert($dark) !default
+
+// General colors
+
+$body-background: $grey-lighter !default
+
+$background: $grey-lighter !default
+
+$border: $grey-light !default
+$border-hover: $grey !default
+
+// Text colors
+
+$text-invert: findColorInvert($text) !default
+$text-light: $grey !default
+$text-strong: $grey-darker !default
+
+// Code colors
+
+$code: $red !default
+$code-background: $background !default
+
+$pre: $text !default
+$pre-background: $background !default
+
+// Link colors
+
+$link: $primary !default
+$link-invert: $primary-invert !default
+$link-visited: $purple !default
+
+$link-hover: $grey-darker !default
+$link-hover-background: $grey-lighter !default
+$link-hover-border: $grey-darker !default
+
+$link-active: $grey-darker !default
+$link-active-border: $grey-darker !default
+
+// Control colors
+
+$control: $text-strong !default
+$control-background: $text-invert !default
+$control-border: $border !default
+
+$control-hover: $link-hover !default
+$control-hover-border: $border-hover !default
+
+$control-active: $link !default
+$control-active-background: $link !default
+$control-active-background-invert: $link-invert !default
+$control-active-border: $link !default
+
+// Typography
+
+$family-primary: $family-sans-serif !default
+$family-code: $family-monospace !default
+
+$size-small: $size-7 !default
+$size-normal: $size-6 !default
+$size-medium: $size-5 !default
+$size-large: $size-3 !default
+$size-huge: $size-1 !default
+
+// 4. Lists and maps
+
+$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert)) !default
+
+$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 !default

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.0.20'
+  gem.version       = '0.0.23'
   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.20
+  version: 0.0.23
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-15 00:00:00.000000000 Z
+date: 2016-04-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -34,42 +34,41 @@ files:
 - ".gitignore"
 - README.md
 - app/assets/stylesheets/bulma.sass
-- app/assets/stylesheets/bulma/base/base.sass
-- app/assets/stylesheets/bulma/base/content.sass
-- app/assets/stylesheets/bulma/base/generic.sass
-- app/assets/stylesheets/bulma/base/helpers.sass
-- app/assets/stylesheets/bulma/base/highlight.sass
-- app/assets/stylesheets/bulma/components/card.sass
-- app/assets/stylesheets/bulma/components/components.sass
-- app/assets/stylesheets/bulma/components/grid.sass
-- app/assets/stylesheets/bulma/components/media.sass
-- app/assets/stylesheets/bulma/components/menu.sass
-- app/assets/stylesheets/bulma/components/modal.sass
-- app/assets/stylesheets/bulma/components/navbar.sass
-- app/assets/stylesheets/bulma/components/pagination.sass
-- app/assets/stylesheets/bulma/components/panel.sass
-- app/assets/stylesheets/bulma/components/table.sass
-- app/assets/stylesheets/bulma/components/tabs.sass
-- app/assets/stylesheets/bulma/config/generated-variables.sass
-- app/assets/stylesheets/bulma/config/variables.sass
-- app/assets/stylesheets/bulma/elements/buttons.sass
-- app/assets/stylesheets/bulma/elements/controls.sass
-- app/assets/stylesheets/bulma/elements/elements.sass
-- app/assets/stylesheets/bulma/elements/images.sass
-- app/assets/stylesheets/bulma/elements/messages.sass
-- app/assets/stylesheets/bulma/elements/notifications.sass
-- app/assets/stylesheets/bulma/elements/progress.sass
-- app/assets/stylesheets/bulma/elements/titles.sass
-- app/assets/stylesheets/bulma/layout/footer.sass
-- app/assets/stylesheets/bulma/layout/header.sass
-- app/assets/stylesheets/bulma/layout/hero.sass
-- app/assets/stylesheets/bulma/layout/layout.sass
-- app/assets/stylesheets/bulma/layout/section.sass
-- app/assets/stylesheets/bulma/utilities/animations.sass
-- app/assets/stylesheets/bulma/utilities/functions.sass
-- app/assets/stylesheets/bulma/utilities/mixins.sass
-- app/assets/stylesheets/bulma/utilities/reset.sass
-- app/assets/stylesheets/bulma/utilities/utilities.sass
+- app/assets/stylesheets/sass/base/base.sass
+- app/assets/stylesheets/sass/base/generic.sass
+- app/assets/stylesheets/sass/base/helpers.sass
+- app/assets/stylesheets/sass/base/highlight.sass
+- app/assets/stylesheets/sass/components/card.sass
+- app/assets/stylesheets/sass/components/components.sass
+- app/assets/stylesheets/sass/components/grid.sass
+- app/assets/stylesheets/sass/components/media.sass
+- app/assets/stylesheets/sass/components/menu.sass
+- app/assets/stylesheets/sass/components/message.sass
+- app/assets/stylesheets/sass/components/modal.sass
+- app/assets/stylesheets/sass/components/navbar.sass
+- app/assets/stylesheets/sass/components/pagination.sass
+- app/assets/stylesheets/sass/components/panel.sass
+- app/assets/stylesheets/sass/components/tabs.sass
+- app/assets/stylesheets/sass/elements/button.sass
+- app/assets/stylesheets/sass/elements/content.sass
+- app/assets/stylesheets/sass/elements/controls.sass
+- app/assets/stylesheets/sass/elements/elements.sass
+- app/assets/stylesheets/sass/elements/image.sass
+- app/assets/stylesheets/sass/elements/notification.sass
+- app/assets/stylesheets/sass/elements/progress.sass
+- app/assets/stylesheets/sass/elements/table.sass
+- app/assets/stylesheets/sass/elements/title.sass
+- app/assets/stylesheets/sass/layout/footer.sass
+- app/assets/stylesheets/sass/layout/header.sass
+- app/assets/stylesheets/sass/layout/hero.sass
+- app/assets/stylesheets/sass/layout/layout.sass
+- app/assets/stylesheets/sass/layout/section.sass
+- app/assets/stylesheets/sass/utilities/animations.sass
+- app/assets/stylesheets/sass/utilities/functions.sass
+- app/assets/stylesheets/sass/utilities/mixins.sass
+- app/assets/stylesheets/sass/utilities/reset.sass
+- app/assets/stylesheets/sass/utilities/utilities.sass
+- app/assets/stylesheets/sass/utilities/variables.sass
 - bulma-rails.gemspec
 - lib/bulma-rails.rb
 homepage: https://github.com/joshuajansen/bulma-rails

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

@@ -1,78 +0,0 @@
-// Colors
-
-$dark: $grey-darker
-$dark-invert: findColorInvert($dark)
-
-$primary-invert: findColorInvert($primary)
-$info: $blue
-$info-invert: findColorInvert($info)
-$success: $green
-$success-invert: findColorInvert($success)
-$warning: $yellow
-$warning-invert: findColorInvert($warning)
-$danger: $red
-$danger-invert: findColorInvert($danger)
-
-$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
-
-$body-background: $grey-lighter
-
-$background: $grey-lighter
-
-$border: $grey-light
-$border-hover: $grey
-
-// Text
-
-$text: $grey-dark
-$text-invert: findColorInvert($text)
-$text-light: $grey
-$text-strong: $grey-darker
-
-// Code
-
-$code: $red
-$code-background: $background
-
-$pre: $text
-$pre-background: $background
-
-// Links
-
-$link: $primary
-$link-invert: $primary-invert
-$link-visited: $purple
-
-$link-hover: $grey-darker
-$link-hover-background: $grey-lighter
-$link-hover-border: $grey-darker
-
-$link-active: $grey-darker
-$link-active-border: $grey-darker
-
-// Controls
-
-$control: $text-strong
-$control-background: $text-invert
-$control-border: $border
-
-$control-hover: $link-hover
-$control-hover-border: $border-hover
-
-$control-active: $link
-$control-active-background: $link
-$control-active-background-invert: $link-invert
-$control-active-border: $link
-
-// Typography
-
-$family-primary: $family-sans-serif
-$family-code: $family-monospace
-
-$size-small: $size-7
-$size-normal: $size-6
-$size-medium: $size-5
-$size-large: $size-3
-$size-huge: $size-1
-
-$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6

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

@@ -1,52 +0,0 @@
-// Colors
-
-$grey-darker: #222324
-$grey-dark: #69707a
-$grey: #aeb1b5
-$grey-light: #d3d6db
-$grey-lighter: #f5f7fa
-
-$blue: #42afe3
-$green: #97cd76
-$orange: #f68b39
-$purple: #847bb9
-$red: #ed6c63
-$turquoise: #1fc8db
-$yellow: #fce473
-
-$primary: $turquoise
-
-// Typography
-
-$family-sans-serif: "Helvetica Neue", "Helvetica", "Arial", sans-serif
-$family-monospace: "Source Code Pro", "Monaco", "Inconsolata", monospace
-
-$size-1: 48px
-$size-2: 40px
-$size-3: 28px
-$size-4: 24px
-$size-5: 18px
-$size-6: 14px
-
-$size-7: 11px
-
-$weight-title-normal: 300
-$weight-title-bold: 500
-
-// Breakpoints
-
-$tablet: 769px
-$desktop: 980px
-$widescreen: 1180px
-
-// Dimensions
-
-$column-gap: 20px
-
-$header-height: 50px
-
-// Miscellaneous
-
-$easing: ease-out
-$radius: 3px
-$speed: 86ms