bulma-rails 0.0.23 → 0.0.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0acd4d0cdc013db40dbc67e2ec9c20976629b445
-  data.tar.gz: 7d9021c83668d66baa58b82e4b67d11aa49db655
+  metadata.gz: a8689a719d4414df33f407969a8b0a34642dbb8e
+  data.tar.gz: 1a020eebc90466db2d4fca369ceb5d1f6e92c1b4
 SHA512:
-  metadata.gz: 9525d525e230aa38b53d338b844854c564a7bb639deb789a7f6e27066ef6c4782b46c97c8af0c77a758279946dbebce08c20d6defdedb6fd2a100773f02dcf9d
-  data.tar.gz: 9daa92e8c6d57b6f20f57f96ee07ef4672dca66233f7c079e0f74662dc96ef58a5fd6abc6a78bdde4e59f0b6cc9eb77396408b12b17b96c22cb8337a43555607
+  metadata.gz: 88a24cad2e0f639944af056c4389ef765f5019a61b7c43d71cd074b7b0673e28a376e23f13063abdb0c771684fca83381e599c5436374ae647450fd758e1e6d6
+  data.tar.gz: 460123e1dfe947ea487a599b09baa8d03daf50baef31084a804f8d9874cf993f3c76d19dc7f0ea337f77f449e855881d2b5797a241795d9330fc2cceb1e723b8

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.23"
+    gem "bulma-rails", "~> 0.0.24"
 
 And then execute:
 
@@ -21,19 +21,8 @@ To import all assets in your Rails project, add the following line to your appli
 @import "bulma";
 ```
 
-If you want to customize Bulma, you can import all folders manually in your application.scss:
-
-``` ruby
-@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";
-```
-
-For more information about customizing Bulma, see: [http://bulma.io/documentation/overview/](http://bulma.io/documentation/overview/)
+For information about customizing Bulma,
+see: [http://bulma.io/documentation/overview/](http://bulma.io/documentation/overview/)
 
 ## Contributing
 

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

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

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

@@ -0,0 +1,18 @@
+.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
+
+.fa
+  font-size: 21px
+  text-align: center
+  vertical-align: top

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

@@ -37,6 +37,7 @@ pre
 body
   color: $text
   font-size: 1rem
+  font-weight: $weight-normal
   line-height: 1.428571428571429
 
 // Inline
@@ -72,6 +73,7 @@ small
 
 strong
   color: $text-strong
+  font-weight: $weight-bold
 
 // Block
 
@@ -95,24 +97,3 @@ table
     vertical-align: top
   th
     color: $text-strong
-
-// 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
-
-.fa
-  font-size: 21px
-  text-align: center
-  vertical-align: top

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

@@ -2,6 +2,7 @@
 
 @import "card"
 @import "grid"
+@import "highlight"
 @import "media"
 @import "menu"
 @import "message"
@@ -10,19 +11,3 @@
 @import "pagination"
 @import "panel"
 @import "tabs"
-
-.box
-  @extend .block
-  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/sass/elements/box.sass

@@ -0,0 +1,14 @@
+.box
+  @extend .block
+  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/sass/elements/button.sass

@@ -79,6 +79,7 @@
           border-color: darken($color, 10%)
           color: darken($color, 10%)
   &.is-link
+    background: transparent
     border-color: transparent
     color: $text
     text-decoration: underline

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

@@ -2,6 +2,7 @@
 
 @import "controls"
 
+@import "box"
 @import "button"
 @import "content"
 @import "image"
@@ -10,184 +11,4 @@
 @import "table"
 @import "title"
 
-.delete
-  +unselectable
-  -moz-appearance: none
-  -webkit-appearance: none
-  background: rgba(black, 0.2)
-  border: none
-  border-radius: 290486px
-  cursor: pointer
-  display: inline-block
-  height: 24px
-  position: relative
-  vertical-align: top
-  width: 24px
-  &:before,
-  &:after
-    background: white
-    content: ""
-    display: block
-    height: 2px
-    left: 50%
-    margin-left: -25%
-    margin-top: -1px
-    position: absolute
-    top: 50%
-    width: 50%
-  &:before
-    transform: rotate(45deg)
-  &:after
-    transform: rotate(-45deg)
-  &:hover
-    background: rgba(black, 0.5)
-  // Sizes
-  &.is-small
-    height: 16px
-    width: 16px
-  &.is-medium
-    height: 32px
-    width: 32px
-  &.is-large
-    height: 40px
-    width: 40px
-
-.icon
-  +fa(21px, 24px)
-  .fa
-    font-size: inherit
-    line-height: inherit
-  // Sizes
-  &.is-small
-    +fa(14px, 16px)
-  &.is-medium
-    +fa(28px, 32px)
-  &.is-large
-    +fa(42px, 48px)
-
-.hamburger
-  cursor: pointer
-  display: block
-  height: 50px
-  position: relative
-  width: 50px
-  span
-    background: $text
-    display: block
-    height: 1px
-    left: 50%
-    margin-left: -7px
-    position: absolute
-    top: 50%
-    transition: none $speed $easing
-    transition-property: background, left, opacity, transform
-    width: 15px
-    &:nth-child(1)
-      margin-top: -6px
-    &:nth-child(2)
-      margin-top: -1px
-    &:nth-child(3)
-      margin-top: 4px
-  &:hover
-    background: $background
-  // Modifers
-  &.is-active
-    span
-      background: $link
-      &:nth-child(1)
-        margin-left: -5px
-        transform: rotate(45deg)
-        transform-origin: left top
-      &:nth-child(2)
-        opacity: 0
-      &:nth-child(3)
-        margin-left: -5px
-        transform: rotate(-45deg)
-        transform-origin: left bottom
-  +tablet
-    height: $header-height
-    width: $header-height
-
-.heading
-  display: block
-  font-size: 11px
-  letter-spacing: 1px
-  margin-bottom: 5px
-  text-transform: uppercase
-
-.highlight
-  @extend .block
-  font-size: 12px
-  font-weight: normal
-  max-width: 100%
-  overflow: hidden
-  padding: 0
-  pre
-    overflow: auto
-    max-width: 100%
-
-.loader
-  animation: spin-around 500ms infinite linear
-  border: 2px solid $border
-  border-radius: 290486px
-  border-right-color: transparent
-  border-top-color: transparent
-  content: ""
-  display: block
-  height: 16px
-  position: relative
-  width: 16px
-
-.number
-  background: $background
-  border-radius: 290486px
-  display: inline-block
-  font-size: $size-medium
-  vertical-align: top
-
-.tag
-  align-items: center
-  background: $background
-  border-radius: 290486px
-  color: $text
-  display: inline-flex
-  font-size: 12px
-  height: 24px
-  justify-content: center
-  line-height: 16px
-  padding: 4px 10px
-  vertical-align: top
-  white-space: nowrap
-  .delete
-    margin-left: 4px
-    margin-right: -6px
-  &:not(.is-large)
-    .delete
-      @extend .delete.is-small
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert
-  &.is-dark
-    background: $text
-    color: $text-invert
-  // Sizes
-  &.is-small
-    font-size: $size-small
-    height: 20px
-    padding: 2px 8px
-  &.is-medium
-    font-size: $size-normal
-    height: 32px
-    padding: 8px 14px
-  &.is-large
-    font-size: $size-5
-    height: 40px
-    line-height: 24px
-    padding: 8px 18px
-    .delete
-      margin-left: 4px
-      margin-right: -8px
+@import "other"

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

@@ -0,0 +1,181 @@
+.delete
+  +unselectable
+  -moz-appearance: none
+  -webkit-appearance: none
+  background: rgba(black, 0.2)
+  border: none
+  border-radius: 290486px
+  cursor: pointer
+  display: inline-block
+  height: 24px
+  position: relative
+  vertical-align: top
+  width: 24px
+  &:before,
+  &:after
+    background: white
+    content: ""
+    display: block
+    height: 2px
+    left: 50%
+    margin-left: -25%
+    margin-top: -1px
+    position: absolute
+    top: 50%
+    width: 50%
+  &:before
+    transform: rotate(45deg)
+  &:after
+    transform: rotate(-45deg)
+  &:hover
+    background: rgba(black, 0.5)
+  // Sizes
+  &.is-small
+    height: 16px
+    width: 16px
+  &.is-medium
+    height: 32px
+    width: 32px
+  &.is-large
+    height: 40px
+    width: 40px
+
+.icon
+  +fa(21px, 24px)
+  .fa
+    font-size: inherit
+    line-height: inherit
+  // Sizes
+  &.is-small
+    +fa(14px, 16px)
+  &.is-medium
+    +fa(28px, 32px)
+  &.is-large
+    +fa(42px, 48px)
+
+.hamburger
+  cursor: pointer
+  display: block
+  height: 50px
+  position: relative
+  width: 50px
+  span
+    background: $text
+    display: block
+    height: 1px
+    left: 50%
+    margin-left: -7px
+    position: absolute
+    top: 50%
+    transition: none $speed $easing
+    transition-property: background, left, opacity, transform
+    width: 15px
+    &:nth-child(1)
+      margin-top: -6px
+    &:nth-child(2)
+      margin-top: -1px
+    &:nth-child(3)
+      margin-top: 4px
+  &:hover
+    background: $background
+  // Modifers
+  &.is-active
+    span
+      background: $link
+      &:nth-child(1)
+        margin-left: -5px
+        transform: rotate(45deg)
+        transform-origin: left top
+      &:nth-child(2)
+        opacity: 0
+      &:nth-child(3)
+        margin-left: -5px
+        transform: rotate(-45deg)
+        transform-origin: left bottom
+  +tablet
+    height: $header-height
+    width: $header-height
+
+.heading
+  display: block
+  font-size: 11px
+  letter-spacing: 1px
+  margin-bottom: 5px
+  text-transform: uppercase
+
+.highlight
+  @extend .block
+  font-size: 12px
+  font-weight: normal
+  max-width: 100%
+  overflow: hidden
+  padding: 0
+  pre
+    overflow: auto
+    max-width: 100%
+
+.loader
+  animation: spin-around 500ms infinite linear
+  border: 2px solid $border
+  border-radius: 290486px
+  border-right-color: transparent
+  border-top-color: transparent
+  content: ""
+  display: block
+  height: 16px
+  position: relative
+  width: 16px
+
+.number
+  background: $background
+  border-radius: 290486px
+  display: inline-block
+  font-size: $size-medium
+  vertical-align: top
+
+.tag
+  align-items: center
+  background: $background
+  border-radius: 290486px
+  color: $text
+  display: inline-flex
+  font-size: 12px
+  height: 24px
+  justify-content: center
+  line-height: 16px
+  padding: 4px 10px
+  vertical-align: top
+  white-space: nowrap
+  .delete
+    margin-left: 4px
+    margin-right: -6px
+  &:not(.is-large)
+    .delete
+      @extend .delete.is-small
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background: $color
+      color: $color-invert
+  &.is-dark
+    background: $text
+    color: $text-invert
+  // Sizes
+  &.is-small
+    font-size: $size-small
+    height: 20px
+    padding: 2px 8px
+  &.is-medium
+    font-size: $size-normal
+    height: 32px
+    padding: 8px 14px
+  &.is-large
+    font-size: $size-5
+    height: 40px
+    line-height: 24px
+    padding: 8px 18px
+    .delete
+      margin-left: 4px
+      margin-right: -8px

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

@@ -30,6 +30,8 @@ $size-6: 14px !default
 
 $size-7: 11px !default
 
+$weight-normal: 400 !default
+$weight-bold: 700 !default
 $weight-title-normal: 300 !default
 $weight-title-bold: 500 !default
 

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.0.23'
+  gem.version       = '0.0.24'
   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.23
+  version: 0.0.24
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-21 00:00:00.000000000 Z
+date: 2016-04-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -35,12 +35,13 @@ files:
 - README.md
 - app/assets/stylesheets/bulma.sass
 - app/assets/stylesheets/sass/base/base.sass
+- app/assets/stylesheets/sass/base/classes.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/highlight.sass
 - app/assets/stylesheets/sass/components/media.sass
 - app/assets/stylesheets/sass/components/menu.sass
 - app/assets/stylesheets/sass/components/message.sass
@@ -49,12 +50,14 @@ files:
 - 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/box.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/other.sass
 - app/assets/stylesheets/sass/elements/progress.sass
 - app/assets/stylesheets/sass/elements/table.sass
 - app/assets/stylesheets/sass/elements/title.sass