RubyGems - bulma-rails - Versions diffs - 0.0.17.1 → 0.0.18 - Mend

bulma-rails 0.0.17.1 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

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

@@ -10,8 +10,10 @@
     align-items: stretch
     display: flex
     width: 100%
+  // Modifiers
   &.has-shadow
     box-shadow: 0 1px 2px rgba(black, 0.1)
+  // Responsiveness
   +mobile
     .container
       flex-direction: column
@@ -23,6 +25,7 @@
   position: absolute
   right: 0
   top: 0
+  // Responsiveness
   +tablet
     display: none
@@ -32,15 +35,21 @@
   align-items: center
   display: flex
   padding: 10px
-  img
-    max-height: 24px
   a
     flex-grow: 1
+  img
+    max-height: 24px
+  .button + .button
+    margin-left: 10px
   .fa
     font-size: 21px
     line-height: 24px
-  .button + .button
-    margin-left: 10px
+  .tag
+    &:first-child
+      margin-right: 5px
+    &:last-child
+      margin-left: 5px
+  // Responsiveness
   +mobile
     text-align: left
@@ -49,6 +58,7 @@ a.header-item
   color: $text
   &:hover
     color: $link-hover
+  // Modifiers
   &.is-active
     color: $link-active
@@ -69,6 +79,7 @@ a.header-item
   padding: 13px 15px
   &:hover
     border-bottom: 1px solid $link
+  // Modifiers
   &.is-active
     border-bottom: 3px solid $link
     color: $link
@@ -82,19 +93,19 @@ a.header-item
   overflow: hidden
   overflow-x: auto
   white-space: nowrap
+  // Responsiveness
   +mobile
     height: $header-height
   +desktop
-    .header-item:first-child
-      padding-left: 0
+    margin-left: -10px
 .header-right
   align-items: stretch
+  // Responsiveness
   +tablet
     display: flex
   +desktop
-    .header-item:last-child
-      padding-right: 0
+    margin-right: -10px
 .header-full
   align-items: stretch
@@ -115,12 +126,14 @@ a.header-item
       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

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

@@ -1,8 +1,6 @@
 .hero-video
   +overlay
   overflow: hidden
-  &.is-transparent
-    opacity: 0.3
   video
     left: 50%
     min-height: 100%
@@ -10,16 +8,22 @@
     position: absolute
     top: 50%
     transform: translate3d(-50%, -50%, 0)
+  // Modifiers
+  &.is-transparent
+    opacity: 0.3
+  // Responsiveness
   +mobile
     display: none
 .hero-content
   padding: 40px 20px
+  // Responsiveness
   +desktop
     padding: 40px 0
 .hero-buttons
   margin-top: 20px
+  // Responsiveness
   +mobile
     .button
       display: block
@@ -33,7 +37,6 @@
 .hero
   background: white
-  text-align: center
   .header
     background: none
     .container
@@ -43,9 +46,11 @@
       border: none
     ul
       border-bottom: none
+    // Modifiers
     &.is-boxed
       a
         padding: 8px 15px
+  // Colors
   @each $name, $pair in $colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
@@ -89,10 +94,12 @@
             &:hover
               background: $color-invert
               color: $color
+      // Modifiers
       &.is-bold
         $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
         $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
         background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+      // Responsiveness
       +mobile
         .header-toggle
           span
@@ -105,28 +112,21 @@
         .header-menu
           .header-item
             border-top-color: rgba($color-invert, 0.2)
+  // Sizes
   &.is-fullheight,
   &.is-large
+    // Responsiveness
     +tablet
       .tabs
         font-size: $size-medium
   &.is-medium
+    // Responsiveness
     +tablet
       .hero-content
         padding: 120px 20px
     +desktop
       .hero-content
         padding: 120px 0
-  &.is-large
-    .tabs
-      a
-        padding: 10px 15px
-    +tablet
-      .hero-content
-        padding: 240px 20px
-    +desktop
-      .hero-content
-        padding: 240px 0
   &.is-fullheight
     align-items: stretch
     display: flex
@@ -141,7 +141,14 @@
       flex: 1
       flex-direction: column
       justify-content: center
-  &.is-left
-    text-align: left
-  &.is-right
-    text-align: right
+  &.is-large
+    .tabs
+      a
+        padding: 10px 15px
+    // Responsiveness
+    +tablet
+      .hero-content
+        padding: 240px 20px
+    +desktop
+      .hero-content
+        padding: 240px 0

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

@@ -3,8 +3,10 @@
   padding: 40px 20px
   & + .section
     border-top: 1px solid rgba($border, 0.5)
+  // Responsiveness
   +desktop
     padding: 40px 0
+    // Sizes
     &.is-medium
       padding: 120px 0
     &.is-large

data/bulma-rails.gemspec CHANGED

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

metadata CHANGED

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.17.1
+  version: 0.0.18
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2016-03-30 00:00:00.000000000 Z
+date: 2016-04-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass