dlegr250_material_design 0.3.63 → 0.3.64

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7058c66e80452ada6c0792be3ed25936a1769ba8
-  data.tar.gz: aa78564f6ae8f1e403f71c3e285be25c4c9dc0b7
+  metadata.gz: d2bf2f994cbc3e02b655ad14f36bc96b027f34e3
+  data.tar.gz: e8919e5d6a7e442e90cf8f8036c136b27ad98598
 SHA512:
-  metadata.gz: 92ba82608294d96379acdf39e1228c20f0d8581e445ae4cfea70aa0c081e85c01a9311c512f3fe7030164025cc033f7c929b7323ea4d1e8fdeca49e6f94f9e34
-  data.tar.gz: 69bf237d2022f9e26eda59330bf5eed487eee31f568033a2028a626cea8cadea3cdff4e495cdcc889d6885c48c467e5a3ce1a3cce12016cb3afd594f6e5e54b3
+  metadata.gz: 007843d4e45e2774e1333c2912f21dc3eb4e066a43e9005799859854f4c68fb9394ca0a275b0f77efac02903d38799c56b52fcf5992acf7f1714a52ca2626a87
+  data.tar.gz: b51f8de81ed7e1cb3f0fdafb15f1d652134018a3c72806231aafe871a89371bdfdb5a77ab55478b367e9d356ad4f6519167fa21f32ca5ab320433ef8505b9265

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.3.63"
+  VERSION = "0.3.64"
 end

data/vendor/assets/stylesheets/base/mixins.scss

@@ -223,6 +223,11 @@ $default-rounded-corners-radius: 3px;
   -webkit-tap-highlight-color: transparent;
 }
 
+@mixin no-touch-highlight-color() {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+
 // Truncating text
 //----------------------------------------------------------------------
 

data/vendor/assets/stylesheets/components/lists.scss

@@ -199,14 +199,16 @@ ol {
 // Lists - hoverable
 //----------------------------------------------------------------------
 
-.list-hoverable {
-  .list-item {
-    &:hover {
+@media(hover: hover) {
+  .list-hoverable {
+    .list-item:hover {
       background-color: color("hover");
     }
   }
+}
 
-  a.list-item:active {
+.list-hoverable {
+  .list-item:active {
     background-color: darken(color("hover"), 5%);
   }
 
@@ -222,6 +224,11 @@ ol {
   }
 }
 
+// Remove blue background on touch
+.list-hoverable .list-item {
+  @include no-touch-highlight-color();
+}
+
 // Links in list items
 //----------------------------------------------------------------------
 

data/vendor/assets/stylesheets/layouts/application/appbar.scss

@@ -92,19 +92,21 @@
   text-align: center;
   text-decoration: none;
 
-  @include no-touch-highlight;
+  @include no-touch-highlight-color();
   @include rounded-corners(250px);
   @include transition(background 0.2s ease-in-out);
 
-  &:hover {
-    background-color: darken($primary-color, 7%);
-  }
-
   &:active {
     background-color: darken($primary-color, 12%);
   }
 }
 
+@media (hover: hover) {
+  .appbar-button:hover {
+    background-color: darken($primary-color, 7%);
+  }
+}
+
 // appbar - dividers
 //----------------------------------------------------------------------
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.3.63
+  version: 0.3.64
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-09-17 00:00:00.000000000 Z
+date: 2016-09-18 00:00:00.000000000 Z
 dependencies: []
 description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
   AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind