From 8802554d21116fd436dea9ff56987224ac5664e3 Mon Sep 17 00:00:00 2001
From: Seth Livingston <undergroundecho@outlook.com>
Date: Tue, 16 Sep 2014 16:30:23 -0500
Subject: [PATCH 1/3] Replace hover gradient with highlight.

Remove the gradients and replaced them with a hover highlight by setting the opacity to 0.90.
---
 src/buttons/css/buttons.css | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index 95e2fd84a..0176fbd1c 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -19,12 +19,10 @@
 .pure-button-hover,
 .pure-button:hover,
 .pure-button:focus {
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
-    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
-    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
-    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    filter: alpha(opacity=90);
+    -khtml-opacity: 0.90;
+    -moz-opacity: 0.90;
+    opacity: 0.90;
 }
 .pure-button:focus {
     outline: 0;
@@ -41,7 +39,6 @@
 .pure-button-disabled:active {
     border: none;
     background-image: none;
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     filter: alpha(opacity=40);
     -khtml-opacity: 0.40;
     -moz-opacity: 0.40;

From ffa938717a8da45a1b1f12d2378cf09572dc26a0 Mon Sep 17 00:00:00 2001
From: Seth Livingston <undergroundecho@outlook.com>
Date: Tue, 16 Sep 2014 16:33:25 -0500
Subject: [PATCH 2/3] Activate button highlighting with pure-button-highlight

Move button hover effect (subtle highlighting) into it's own class so users can start with effect-less buttons but easily add a highlight with a class.
---
 src/buttons/css/buttons.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index 0176fbd1c..b094fb571 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -16,9 +16,9 @@
     border-radius: 2px;
 }
 
-.pure-button-hover,
-.pure-button:hover,
-.pure-button:focus {
+.pure-button-hover .pure-button-highlight,
+.pure-button:hover .pure-button-highlight,
+.pure-button:focus .pure-button-highlight {
     filter: alpha(opacity=90);
     -khtml-opacity: 0.90;
     -moz-opacity: 0.90;

From 0fb4d87682f3bd30a7dd85bf34c33f223d5c305c Mon Sep 17 00:00:00 2001
From: Seth Livingston <undergroundecho@outlook.com>
Date: Tue, 16 Sep 2014 16:36:41 -0500
Subject: [PATCH 3/3] Undid the previous commit.

Pure looks great out of the box, so you shouldn't have to activate the subtle highlighting.
---
 src/buttons/css/buttons.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index b094fb571..0176fbd1c 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -16,9 +16,9 @@
     border-radius: 2px;
 }
 
-.pure-button-hover .pure-button-highlight,
-.pure-button:hover .pure-button-highlight,
-.pure-button:focus .pure-button-highlight {
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
     filter: alpha(opacity=90);
     -khtml-opacity: 0.90;
     -moz-opacity: 0.90;