bulma-rails 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3bdd0b1a166464efd63445c9de4e96aaab45dad6
-  data.tar.gz: b3ef8504a81f59493a7843936cbbcd6720690458
+  metadata.gz: 569c0a6d1430ec07030abe8247228423343a7618
+  data.tar.gz: 4922e383a86f73e26893ad30da1f6a1d65d1db7f
 SHA512:
-  metadata.gz: 688f915cc5805dcd9d452ca08fa72e2f1d39e1a61a8cf65843e899ee229beba613adac56aa5efdfdf395e827bcf980a4e243e709007083f12d44a08c4e7e1a5d
-  data.tar.gz: c474a4bbed05dde238d90b5018084f65df68b12a33917c3dbb29bed2f7080e9488dfab9547bce2bc4660eb72a36530469b2fc4f0f126973a7733c1985d4ea343
+  metadata.gz: 40604dedd9348e6768c567502d020aae4b683ae8cb39c54ae43c75e813a6dedb92a912756b72e61da7b17fa3550a4ed694f2a527e615e943326157746470e1b1
+  data.tar.gz: 6571dcf818cf5f1b5e9e04984f437e897edd1555b0f109356e786a5884d61a61793f8d96c17923c75c667bba962780bf469c8a8a197678f58a65163f30107d93

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

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

@@ -56,7 +56,7 @@ code
 
 hr
   border-top-color: $border
-  margin: 20px 0
+  margin: 40px 0
 
 img
   max-width: 100%

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

@@ -8,7 +8,7 @@
   align-items: flex-start
   color: $text-strong
   display: flex
-  flex: 1
+  flex-grow: 1
   font-weight: bold
   padding: 10px
 
@@ -36,7 +36,7 @@
 .card-footer-item
   align-items: center
   display: flex
-  flex: 1
+  flex-grow: 1
   justify-content: center
   padding: 10px
   &:not(:last-child)

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

@@ -1,5 +1,7 @@
 .column
-  flex: 1 1 auto
+  flex-basis: 0
+  flex-grow: 1
+  flex-shrink: 1
   padding: 10px
   .columns.is-mobile > &.is-narrow
     flex: none
@@ -227,7 +229,6 @@
     +tablet
       flex-wrap: wrap
       & > .column
-        flex-basis: 33.3333%
         max-width: 33.3333%
         padding: 10px
         width: 33.3333%
@@ -250,7 +251,9 @@
 
 .tile
   align-items: stretch
-  flex: 1 1 auto
+  flex-basis: auto
+  flex-grow: 1
+  flex-shrink: 1
   min-height: min-content
   // Modifiers
   &.is-ancestor

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

@@ -14,7 +14,7 @@
       margin-right: 10px
     // Modifiers
     &.is-flexible
-      flex: 1
+      flex-grow: 1
 
 .level-left
   // Responsiveness
@@ -48,10 +48,10 @@
       &:not(:last-child)
         margin-bottom: 0
       &:not(.is-narrow)
-        flex: 1
+        flex-grow: 1
   // Responsiveness
   +tablet
     display: flex
     & > .level-item
       &:not(.is-narrow)
-        flex: 1
+        flex-grow: 1

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

@@ -22,7 +22,7 @@
   margin-left: 10px
 
 .media-content
-  flex: 1
+  flex-grow: 1
   text-align: left
 
 .media

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

@@ -47,7 +47,7 @@
 
 .modal-card-title
   color: $text-strong
-  flex: 1
+  flex-grow: 1
   font-size: $size-4
   line-height: 1
 
@@ -58,7 +58,7 @@
       margin-right: 10px
 
 .modal-card-body
-  flex: 1
+  flex-grow: 1
   overflow: auto
   padding: 20px
 

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

@@ -64,11 +64,14 @@ a.nav-item
       padding: 10px
     &.is-active
       display: block
+  +tablet-only
+    padding-right: 20px
 
 .nav-left
   align-items: stretch
   display: flex
-  flex: 1
+  flex-basis: 0
+  flex-grow: 1
   justify-content: flex-start
   overflow: hidden
   overflow-x: auto
@@ -78,13 +81,16 @@ a.nav-item
   align-items: stretch
   display: flex
   justify-content: center
+  margin-left: auto
+  margin-right: auto
 
 .nav-right
   // Responsiveness
   +tablet
     align-items: stretch
     display: flex
-    flex: 1
+    flex-basis: 0
+    flex-grow: 1
     justify-content: flex-end
 
 // Main container
@@ -118,3 +124,10 @@ a.nav-item
   // Modifiers
   &.has-shadow
     box-shadow: 0 2px 3px rgba($black, 0.1)
+  // Responsiveness
+  +touch
+    & > .container,
+    .container > &
+      & > .nav-left
+        & > .nav-item.is-brand:first-child
+          padding-left: 20px

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

@@ -16,7 +16,7 @@
   ul
     align-items: center
     display: flex
-    flex: 1
+    flex-grow: 1
     justify-content: center
   // Responsiveness
   +mobile
@@ -26,7 +26,7 @@
       &:not(:first-child)
         margin-left: 10px
     li
-      flex: 1
+      flex-grow: 1
     ul
       margin-top: 10px
   +tablet

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

@@ -30,7 +30,7 @@
     align-items: center
     border-bottom: 1px solid $border
     display: flex
-    flex: 1
+    flex-grow: 1
     justify-content: flex-start
     &.is-left
       padding-right: 10px
@@ -72,7 +72,7 @@
           border-bottom-color: transparent !important
   &.is-fullwidth
     li
-      flex: 1
+      flex-grow: 1
   &.is-toggle
     a
       border: 1px solid $border

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

@@ -127,7 +127,7 @@
   +mobile
     margin-bottom: 5px
   +tablet
-    flex: 1
+    flex-grow: 1
     margin-right: 20px
     padding-top: 7px
     text-align: right
@@ -161,7 +161,7 @@
         select
           border-radius: 0 $radius $radius 0
       &.is-expanded
-        flex: 1
+        flex-grow: 1
     &.has-addons-centered
       justify-content: center
     &.has-addons-right
@@ -170,7 +170,7 @@
       .button,
       .input,
       .select
-        flex: 1
+        flex-grow: 1
   &.has-icon
     & > .fa
       +fa(14px, 24px)
@@ -233,7 +233,7 @@
         margin-bottom: 0
         margin-right: 10px
       &.is-expanded
-        flex: 1
+        flex-grow: 1
     &.is-grouped-centered
       justify-content: center
     &.is-grouped-right
@@ -243,7 +243,7 @@
       display: flex
       & > .control
         display: flex
-        flex: 5
+        flex-grow: 5
   &.is-loading
     &:after
       @extend .loader

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

@@ -38,7 +38,7 @@
   flex-shrink: 0
 
 .hero-body
-  flex: 1
+  flex-grow: 1
   padding: 40px 20px
   // Responsiveness
   +desktop
@@ -143,4 +143,4 @@
       align-items: center
       display: flex
       & > .container
-        flex: 1
+        flex-grow: 1

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.1.0'
+  gem.version       = '0.1.2'
   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.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-07-13 00:00:00.000000000 Z
+date: 2016-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -48,7 +48,6 @@ files:
 - app/assets/stylesheets/sass/components/message.sass
 - app/assets/stylesheets/sass/components/modal.sass
 - app/assets/stylesheets/sass/components/nav.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
@@ -64,7 +63,6 @@ files:
 - 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
@@ -97,7 +95,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: This gem adds the bulma.io assets to your asset pipeline so you can import

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

@@ -1,57 +0,0 @@
-.navbar-item
-  .title,
-  .subtitle
-    margin-bottom: 0
-  // Responsiveness
-  +mobile
-    &:not(:last-child)
-      margin-bottom: 10px
-
-.navbar-left,
-.navbar-right
-  .navbar-item
-    &:not(:last-child)
-      margin-right: 10px
-    // Modifiers
-    &.is-flexible
-      flex: 1
-
-.navbar-left
-  // Responsiveness
-  +mobile
-    & + .navbar-right
-      margin-top: 20px
-  +tablet
-    align-items: center
-    display: flex
-
-.navbar-right
-  // Responsiveness
-  +tablet
-    align-items: center
-    display: flex
-    justify-content: flex-end
-
-.navbar
-  @extend .block
-  align-items: center
-  justify-content: space-between
-  code
-    border-radius: $radius
-  img
-    display: inline-block
-    vertical-align: top
-  // Modifiers
-  &.is-mobile
-    display: flex
-    & > .navbar-item
-      &:not(:last-child)
-        margin-bottom: 0
-      &:not(.is-narrow)
-        flex: 1
-  // Responsiveness
-  +tablet
-    display: flex
-    & > .navbar-item
-      &:not(.is-narrow)
-        flex: 1

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

@@ -1,158 +0,0 @@
-$header-height: 50px !default
-
-.header
-  +clearfix
-  background-color: $white
-  display: flex
-  line-height: 24px
-  min-height: $header-height
-  position: relative
-  text-align: center
-  z-index: 2
-  .container
-    align-items: stretch
-    display: flex
-    min-height: $header-height
-    width: 100%
-  // Modifiers
-  &.has-shadow
-    box-shadow: 0 2px 3px rgba($black, 0.1)
-  // Responsiveness
-  +mobile
-    .container
-      flex-direction: column
-  +tablet
-    height: $header-height
-
-.header-toggle
-  @extend .hamburger
-  position: absolute
-  right: 0
-  top: 0
-  // Responsiveness
-  +tablet
-    display: none
-
-// Elements
-
-.header-item
-  align-items: center
-  display: flex
-  padding: 10px
-  a
-    flex-grow: 1
-  img
-    max-height: 24px
-  .button + .button
-    margin-left: 10px
-  .fa
-    font-size: 21px
-    line-height: 24px
-  .tag
-    &:first-child
-      margin-right: 5px
-    &:last-child
-      margin-left: 5px
-  // Responsiveness
-  +mobile
-    text-align: left
-
-.header-item a,
-a.header-item
-  color: $text
-  &:hover
-    color: $link-hover
-  // Modifiers
-  &.is-active
-    color: $link-active
-
-.header-tab
-  align-items: center
-  border-bottom: 1px solid transparent
-  color: $text
-  display: block
-  height: $header-height
-  line-height: 24px
-  padding: 13px 15px
-  &:hover
-    border-bottom: 1px solid $link
-  // Modifiers
-  &.is-active
-    border-bottom: 3px solid $link
-    color: $link
-
-// Containers
-
-.header-left
-  align-items: stretch
-  display: flex
-  flex: 1
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  // Responsiveness
-  +mobile
-    height: $header-height
-  +desktop
-    margin-left: -10px
-
-.header-right
-  align-items: stretch
-  // Responsiveness
-  +tablet
-    display: flex
-  +desktop
-    margin-right: -10px
-
-.header-full
-  align-items: stretch
-  display: flex
-  justify-content: center
-  text-align: center
-  width: 100%
-  & > .header-item
-    align-items: stretch
-    display: flex
-    flex: 1
-    justify-content: center
-    padding: 0
-    & > a
-      align-items: center
-      display: flex
-      justify-content: center
-      width: 100%
-
-.header-menu
-  // Responsiveness
-  +mobile
-    box-shadow: 0 4px 7px rgba($black, 0.1)
-    display: none
-    .header-item
-      border-top: 1px solid rgba($border, 0.5)
-      padding: 10px
-    // Modifiers
-    &.is-active
-      display: block
-
-// States
-
-.header.is-centered
-  justify-content: center
-  .header-left,
-  .header-right
-    justify-content: center
-
-.header.is-small
-  background-color: $background
-  box-shadow: none
-  height: 40px
-  z-index: 1
-  .container
-    height: 40px
-  .header-tab
-    font-size: 13px
-    height: 40px
-    padding: 8px 10px
-    &:hover,
-    &.is-active
-      border-bottom-width: 2px