bulma-rails 0.0.4.1 → 0.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0e0cbbe8c1c8c47635888d2b82edffac42193fa5
-  data.tar.gz: 65dea609ba253e7156c7fdfdae5cf40f8a834b0c
+  metadata.gz: b1903a5de5e3268108dd6776f114f9c650dbd717
+  data.tar.gz: e0318dc987d4efafa59e9906824d38c9dceb1ac5
 SHA512:
-  metadata.gz: d2255241567041ee73fe6486b74904c237560bae3e012aa70e2f2ee0c197a2f0759486e6f76625c3a1ff24ba0f22df1fd5a258fe698e34c4c35e212010d82bd5
-  data.tar.gz: 4a2ad8a5c2191b499149c57056cf028029d3354aa3271b91f8b6e75f30b9b267b8920c48090eeba6b9f09fc0bad74c908dae9a1a98eb1240b64877c8cfc4036f
+  metadata.gz: ae78f714a1cfc30a3bb06b9d1cad78c2e8ac30a2f7a4a62c5164de0bd8412f8d03c38145dde10703c63fdd92f6b7e912909ad5c2cd56abb8ecaab9ede7019597
+  data.tar.gz: f34805456093ee13b4d2bebb8ea503a7f2eb71e8a4cc994a8748683ad94a7da67fc14c16392b01f99bd86ee160d0565f78851407968b9bed1b6974d7f79a2b31

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

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

@@ -6,6 +6,7 @@
 @import table
 @import tabs
 @import media
+@import menu
 
 .block:not(:last-child)
   margin-bottom: 20px

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

@@ -1,11 +1,12 @@
 .column
+  overflow: hidden
   +mobile
     & + .column
-      margin-top: 20px
+      margin-top: $column-gap
   +tablet
     flex: 1
     & + .column
-      margin-left: 20px
+      margin-left: $column-gap
     &.is-double
       flex: 2
     &.is-triple
@@ -28,12 +29,12 @@
 
 .columns
   &:not(:last-child)
-    margin-bottom: 20px
+    margin-bottom: $column-gap
   +tablet
     display: flex
   &.is-gapless
     & > .column + .column
-      margin-left: 0
+      margin: 0
   &.is-vcentered
     align-items: center
   &.is-grid

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

@@ -25,13 +25,27 @@
   +tablet
     margin-right: 10px
 
+.media-left
+  +mobile
+    margin-bottom: 20px
+  +tablet
+    margin-right: 20px
+
+.media-right
+  +mobile
+    margin-top: 20px
+  +tablet
+    margin-left: 20px
+
 .media-content
   flex: 1
+  text-align: left
   .textarea
     min-height: 60px
 
 .media
   align-items: flex-start
+  text-align: left
   .content:not(:last-child)
     margin-bottom: 10px
   .media

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

@@ -1,9 +1,20 @@
-.menu
-  border: 1px solid $border
+.menu-icon
+  +fa(14px, 16px)
+  color: $text-light
+  float: left
+  margin: 0 4px 0 -2px
+  .fa
+    font-size: inherit
+    line-height: inherit
 
 .menu-heading
-  @extend .heading
+  background: $background
+  border-bottom: 1px solid $border
+  border-radius: 4px 4px 0 0
   color: $text-strong
+  font-size: $size-medium
+  font-weight: 300
+  padding: 10px
 
 .menu-list
   a
@@ -11,7 +22,28 @@
     &:hover
       color: $link
 
+.menu-tabs
+  display: flex
+  font-size: $size-small
+  padding: 5px 10px 0
+  justify-content: center
+  &:not(:last-child)
+    border-bottom: 1px solid $border
+  a
+    border-bottom: 1px solid $border
+    margin-bottom: -1px
+    padding: 5px
+    &.is-active
+      border-bottom-color: $link-active-border
+      color: $link-active
+
 .menu-block
+  color: $text-strong
+  display: block
+  line-height: 16px
+  padding: 10px
+  &:not(:last-child)
+    border-bottom: 1px solid $border
   .checkbox
     border: 1px solid transparent
     border-radius: $radius
@@ -23,3 +55,22 @@
       top: 9px
     &:hover
       border-color: $link
+
+a.menu-block:hover
+  background: $background
+
+.menu-checkbox
+  @extend .checkbox
+  display: block
+  padding: 9px 10px 9px 30px
+  &:not(:last-child)
+    border-bottom: 1px solid $border
+  input
+    left: 8px
+    top: 10px
+
+.menu
+  border: 1px solid $border
+  border-radius: 5px
+  &:not(:last-child)
+    margin-bottom: 20px

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

@@ -1,5 +1,8 @@
 // Colors
 
+$dark: $grey-darker
+$dark-invert: findColorInvert($dark)
+
 $primary-invert: findColorInvert($primary)
 $info: $blue
 $info-invert: findColorInvert($info)
@@ -10,7 +13,7 @@ $warning-invert: findColorInvert($warning)
 $danger: $red
 $danger-invert: findColorInvert($danger)
 
-$colors: (primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
+$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
 

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

@@ -20,6 +20,7 @@ $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
@@ -32,6 +33,8 @@ $size-7: 11px
 
 // Dimensions
 
+$column-gap: 20px
+
 $header-height: 50px
 
 // Miscellaneous

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

@@ -16,6 +16,7 @@
 .button
   +control
   padding: 3px 10px
+  text-align: center
   white-space: nowrap
   strong
     color: inherit

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

@@ -160,6 +160,8 @@
     padding-right: 36px
     &:hover
       border-color: $control-hover-border
+    &::ms-expand
+      display: none
   &:after
     +arrow($link)
     margin-top: -6px

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

@@ -6,18 +6,6 @@
 @import messages
 @import notifications
 
-.highlight
-  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%
-
 .delete
   background: rgba(black, 0.2)
   border-radius: 290486px
@@ -67,40 +55,44 @@
 .hamburger
   cursor: pointer
   display: block
-  height: $header-height
-  padding: 19px 17px
+  height: 50px
   position: relative
-  width: $header-height
+  width: 50px
   span
     background: $text
     display: block
     height: 1px
-    left: 17px
+    left: 50%
+    margin-left: -7px
     position: absolute
+    top: 50%
     transition: none $speed $easing
     transition-property: background, left, opacity, transform
     width: 15px
     &:nth-child(1)
-      top: 19px
+      margin-top: -6px
     &:nth-child(2)
-      top: 24px
+      margin-top: -1px
     &:nth-child(3)
-      bottom: 20px
+      margin-top: 4px
   &:hover
     background: $background
   &.is-active
     span
       background: $link
       &:nth-child(1)
-        left: 20px
+        margin-left: -5px
         transform: rotate(45deg)
         transform-origin: left top
       &:nth-child(2)
         opacity: 0
       &:nth-child(3)
-        left: 20px
+        margin-left: -5px
         transform: rotate(-45deg)
         transform-origin: left bottom
+  +tablet
+    height: $header-height
+    width: $header-height
 
 .heading
   display: block
@@ -109,6 +101,29 @@
   margin-bottom: 5px
   text-transform: uppercase
 
+.highlight
+  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%
+
+.image
+  display: block
+  position: relative
+  vertical-align: top
+  img
+    +overlay
+    display: block
+    width: 100%
+  &.is-3x2
+    padding-top: 66.6666%
+
 .loader
   animation: spin-around 500ms infinite linear
   border: 2px solid $border

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

@@ -3,7 +3,7 @@
   background: white
   box-shadow: 0 1px 2px rgba(black, 0.1)
   display: flex
-  height: $header-height
+  height: 50px
   line-height: 24px
   position: relative
   text-align: center
@@ -13,6 +13,8 @@
     box-shadow: 0 1px 0 rgba($border, 0.3)
     display: flex
     width: 100%
+  +tablet
+    height: $header-height
 
 .header-toggle
   @extend .hamburger
@@ -109,9 +111,10 @@
     background: white
     box-shadow: 0 4px 7px rgba(black, 0.1)
     display: none
+    min-width: 120px
     position: absolute
     right: 0
-    top: $header-height
+    top: 50px
     z-index: 100
     .header-item
       border-top: 1px solid rgba($border, 0.5)

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

@@ -131,8 +131,8 @@
     align-items: stretch
     display: flex
     flex-direction: column
-    height: 100vh
     justify-content: space-between
+    min-height: 100vh
     .tabs
       a
         padding: 15px 20px

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

@@ -9,8 +9,8 @@
   @return $value
 
 @function colorLuminance($color)
-  $colors: ('red': red($color),'green': green($color),'blue': blue($color))
-  @each $name, $value in $colors
+  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
+  @each $name, $value in $color-rgb
     $adjusted: 0
     $value: $value / 255
     @if $value < 0.03928
@@ -18,8 +18,8 @@
     @else
       $value: ($value + .055) / 1.055
       $value: powerNumber($value, 2)
-    $colors: map-merge($colors, ($name: $value))
-  @return (map-get($colors, 'red') * .2126) + (map-get($colors, 'green') * .7152) + (map-get($colors, 'blue') * .0722)
+    $color-rgb: map-merge($color-rgb, ($name: $value))
+  @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
 
 @function closestEvenNumber($number)
   @if ($number % 2 == 0px)

data/bulma-rails.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'bulma-rails'
-  gem.version       = '0.0.4.1'
+  gem.version       = '0.0.8'
   gem.date          = '2016-01-29'
   gem.authors       = ["Joshua Jansen"]
   gem.email         = ["joshuajansen88@gmail.com"]

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.4.1
+  version: 0.0.8
 platform: ruby
 authors:
 - Joshua Jansen