leather 0.2.21 → 0.2.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d0578cfbf6d87d6b0e7c490008341639f68fef51
-  data.tar.gz: c04b800e15fa27c48b3e1951d2ea3f1507eee156
+  metadata.gz: 8bb423299bf6486551b8c9c8dc228774fdd406f4
+  data.tar.gz: 602bfc871ff7f938d6a37b5c0601a7682d1f9621
 SHA512:
-  metadata.gz: 768ef9b7788ced8b459aea28862783c84c59e375dbf1ff77384278fa0dc619fce037e7657a3e1d0ac3dfa1d82eda0a252d518f6119839e5ac1e1fe3b145db94d
-  data.tar.gz: 3931faabd3f368b590a49f485b3d3a81ff84fdc12e0ed55b6d329ebe3f6c93b7bc90ad9ffc4b015cf4fb9f78982cc432f134dbc244e7f688cceefb7eecace392
+  metadata.gz: f277bcf121a1950ef31f87f71328e8c1ac0b29d8ae27045f8c447af153dd0c8c2691619155811c2c7c45a96eaf71d2f049c1ce6bea5bb48cfb3fdcc3e7e13564
+  data.tar.gz: 276c47a1af8273f6467a264b74c99a6f15f1d10ea7681b3a33563e0c450276ddd8e2d0a522c874ee23243e4fa9223f140a7cb114289261befaa688ffaedc9758

data/app/assets/javascripts/leather.js.coffee

@@ -1,14 +1,30 @@
 $ ->
-  $(document).on 'click', '[data-toggle="off-canvas"]', (e) ->
-    e.preventDefault()
-    side = $(this).data('side')
-    if side == "left"
-      $('body').removeClass "off-canvas-show-right"
-    if side == "right"
-      $('body').removeClass "off-canvas-show-left"
-    $('body').toggleClass("off-canvas-show-#{side}")
+  if $(".off-canvas").length > 0
+    console.log "setting up off-canvas"
+    
+    $('body').wrapInner("<div id='off-canvas-wrapper' />")
 
-  $('body').click (e) ->
-    unless ($(e.target).hasClass("off-canvas") || $(e.target).data('toggle') == "off-canvas")
-      $(this).removeClass("off-canvas-show-right")
-      $(this).removeClass("off-canvas-show-left")
+    $(".off-canvas, .fixed").each ->
+      $("#off-canvas-wrapper").before(this)
+
+    $(document).on 'click', '[data-toggle="off-canvas"]', (e) ->
+      e.stopPropagation()
+      e.preventDefault()
+      if e.handled != true
+        side = $(this).data('side')
+        if side == "left"
+          $('body').removeClass "off-canvas-show-right"
+        if side == "right"
+          $('body').removeClass "off-canvas-show-left"
+        $('body').toggleClass("off-canvas-show-#{side}")
+        e.handled = true
+      else
+        false
+
+    $(document).on 'click touchstart', '.off-canvas-show-left, .off-canvas-show-right', (e) ->
+      if e.handled != true
+        e.preventDefault()
+        unless ($(e.target).hasClass("off-canvas") || $(e.target).data('toggle') == "off-canvas")
+          $(this).removeClass("off-canvas-show-right")
+          $(this).removeClass("off-canvas-show-left")
+        e.handled = true

data/app/assets/stylesheets/leather/_off_canvas.css.scss

@@ -1,7 +1,3 @@
-html, body {
-  overflow-x: hidden;
-}
-
 .off-canvas {
   position: fixed;
   top: 0;
@@ -17,21 +13,31 @@ html, body {
     left: -$off-canvas-width;
   }
 }
+
+.off-canvas, .fixed, #off-canvas-wrapper {
+  transition: all .2s ease;
+}
+
+.fixed, #off-canvas-wrapper {
+  transform: translate3d(0,0,0);
+}
   
 .off-canvas-show-right {
-  position: relative;
-  right: $off-canvas-width;
   overflow: hidden;
   .off-canvas-right {
-    right: 0;
+    right: 0px;
+  }
+  .fixed, #off-canvas-wrapper {
+    transform: translate3d(-$off-canvas-width, 0, 0);
   }
 }
 
 .off-canvas-show-left {
-  position: relative;
-  left: $off-canvas-width;
   overflow: hidden;
   .off-canvas-left {
-    left: 0;
+    left: 0px;
+  }
+  .fixed, #off-canvas-wrapper {
+    transform: translate3d($off-canvas-width, 0, 0);
   }
 }

data/app/assets/stylesheets/leather/_variables.css.scss

@@ -1,9 +1,9 @@
-$white:                    #FFFFFF;
+$white:                    #ffffff !default;
 
-$devise-bg-gradient-start: #355069;
-$devise-bg-gradient-end:   #5E7A9B;
-$devise-box-border-color:  #6ED5E4;
+$devise-bg-gradient-start: #355069 !default;
+$devise-bg-gradient-end:   #5E7A9B !default;
+$devise-box-border-color:  #6ED5E4 !default;
 
-$off-canvas-width: 300px;
-$off-canvas-bg-color: #f1f1f1;
-$off-canvas-color: #333;
+$off-canvas-width:         300px   !default;
+$off-canvas-bg-color:      #f1f1f1 !default;
+$off-canvas-color:         #333333 !default;

data/lib/leather/version.rb

@@ -1,3 +1,3 @@
 module Leather
-  VERSION = "0.2.21"
+  VERSION = "0.2.22"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: leather
 version: !ruby/object:Gem::Version
-  version: 0.2.21
+  version: 0.2.22
 platform: ruby
 authors:
 - David Van Der Beek
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-13 00:00:00.000000000 Z
+date: 2014-08-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass