dlegr250_material_design 0.4.29 → 0.4.30

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c1fb1bb6ebe67410bf1467c0563b973436a8ef63
-  data.tar.gz: 0e3e0ea4b1f371b3f560b52b76b07f560dabf942
+  metadata.gz: bbcb2e3bd239ed324d6e67725c198aaf3e7af871
+  data.tar.gz: e37e4e268f5ffa5b0e11bfff0eea6cd7794a1e4a
 SHA512:
-  metadata.gz: 2d6126a00e25dc4322c036d902ae66a8b906d38ccd1ee2a2b1744e509a5b27eb05963828d187aa0a12072040a189f4eb69ab972b1f85ebced6fce6bbdb9b1b01
-  data.tar.gz: de7914980fc851b1418be3a445797a19e956bff62766364d5997536e7463b2339c043bc1aaf99a2062ab5c38c3d23a02bf6c62d62553416afa3ef6c512b5ca6c
+  metadata.gz: e73cf5e0e2e0abbb57c739f6da80858f45fb88161096a5ee66c97be38ee233773f49c8f06766b4387b2aacf19480022ba0f8b86ce7677dcc651db07e3c1fecb0
+  data.tar.gz: 2f9ca4d0fb4dd0e06dced17bfdd6e01ac3741239d0f879b01ad223660bde5b52b28760e52ad5a1fdfb72eea962795d9bfd2dfb7ac7ed2aae58e4b9941499fe9f

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.4.29"
+  VERSION = "0.4.30"
 end

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

@@ -103,15 +103,21 @@ $buttons: ".button";
   @include rounded-corners(50%);
   @include transition(background-color 0.30s ease, color 0.30s ease);
 
-  &:hover,
-  &.hover {
-    background-color: color("hover");
-    color: color("black");
+  &:active {
+    background-color: darken(color("hover"), 5%);
   }
+}
 
-  &:active,
-  &.active {
-    background-color: darken(color("hover"), 5%);
+// Devices with pointers
+@media (hover: hover) {
+  .button-icon {
+    &:hover {
+      background-color: color("hover");
+    }
+
+    &:active {
+      background-color: darken(color("hover"), 5%);
+    }
   }
 }
 
@@ -138,15 +144,21 @@ $buttons: ".button";
     background-color: $color;
     color: color("white");
 
-    &:hover,
-    &.hover {
-      background-color: lighten($color, 10%);
+    &:active {
+      background-color: darken($color, 10%);
     }
+  }
 
-    &:active,
-    &.active {
-      background: darken($color, 10%);
-      color: color("white");
+  // Devices with pointers
+  @media (hover: hover) {
+    .button-icon-#{$color-name} {
+      &:hover {
+        background-color: lighten($color, 10%);
+      }
+
+      &:active {
+        background-color: darken($color, 10%);
+      }
     }
   }
 }
@@ -164,13 +176,11 @@ $buttons: ".button";
     }
     @include box-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.4));
 
-    &:hover,
-    &.hover {
+    &:hover {
       background-color: lighten($color, 10%);
     }
 
-    &:active,
-    &.active {
+    &:active {
       background-color: darken($color, 5%);
       @include box-shadow(0 3px 12px 0 rgba(0, 0, 0, 0.5));
     }
@@ -185,8 +195,7 @@ $buttons: ".button";
     background-color: transparent;
     color: $color;
 
-    &:hover,
-    &.hover {
+    &:hover {
       @if $color-name == "grey" {
         background-color: rgba(0, 0, 0, 0.1);
       } @else {
@@ -194,8 +203,7 @@ $buttons: ".button";
       }
     }
 
-    &:active,
-    &.active {
+    &:active {
       @if $color-name == "grey" {
         background-color: rgba(0, 0, 0, 0.18);
       } @else {
@@ -260,14 +268,7 @@ $buttons: ".button";
     @include rounded-corners(250px);
     @include text-shadow(0 -1px 0 color("helper"));
 
-    &:hover,
-    &.hover {
-      background-color: lighten($color, 5%);
-      @include box-shadow(0 6px 12px 0 rgba(0, 0, 0, 0.5));
-    }
-
-    &:active,
-    &.active {
+    &:active {
       background: darken($color, 10%);
     }
 
@@ -276,6 +277,19 @@ $buttons: ".button";
       width: $button-fab-mini-height;
     }
   }
+
+  @media (hover: hover) {
+    .fab-#{$color-name} {
+      &:hover {
+        background-color: lighten($color, 5%);
+        @include box-shadow(0 6px 12px 0 rgba(0, 0, 0, 0.5));
+      }
+
+      &:active {
+        background: darken($color, 10%);
+      }
+    }
+  }
 }
 
 // Position FAB buttons in bottom-right corner

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

@@ -91,7 +91,6 @@
   width: $appbar-button-height;
   text-align: center;
   text-decoration: none;
-
   @include no-touch-highlight-color();
   @include rounded-corners(250px);
   @include transition(background 0.2s ease-in-out);
@@ -101,9 +100,16 @@
   }
 }
 
+// Devices with pointers
 @media (hover: hover) {
-  .appbar-button:hover {
-    background-color: darken($primary-color, 7%);
+  .appbar-button {
+    &:hover {
+      background-color: darken($primary-color, 7%);
+    }
+
+    &:active {
+      background-color: darken($primary-color, 12%);
+    }
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.4.29
+  version: 0.4.30
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-11-13 00:00:00.000000000 Z
+date: 2016-11-14 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