From db714ce341a4b8a150699e6a1c3f159c4a461dd0 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Fri, 18 Sep 2015 21:46:15 -0500
Subject: [PATCH] remove .hover css

---
 ionic/components/app/typography.scss          |  3 +-
 ionic/components/button/button.scss           |  4 +-
 ionic/components/button/modes/md.scss         |  4 +-
 ionic/components/button/test/basic/main.html  | 17 ++---
 ionic/components/button/test/block/main.html  |  2 +-
 ionic/components/button/test/clear/main.html  | 27 +++----
 .../components/button/test/outline/main.html  | 35 +++------
 ionic/components/button/test/round/main.html  |  2 +-
 ionic/components/button/test/sizes/main.html  |  2 +-
 ionic/components/tabs/tabs.scss               |  3 +-
 .../toolbar/test/scenarios/main.html          | 74 +------------------
 ionic/components/toolbar/toolbar.scss         |  2 -
 12 files changed, 36 insertions(+), 139 deletions(-)

diff --git a/ionic/components/app/typography.scss b/ionic/components/app/typography.scss
index 367d940282..e42e5377ff 100644
--- a/ionic/components/app/typography.scss
+++ b/ionic/components/app/typography.scss
@@ -34,8 +34,7 @@ a {
   color: $link-color;
   background-color: transparent;
 }
-.enable-hover a:hover,
-a.hover {
+.enable-hover a:hover {
   color: $link-hover-color;
 }
 
diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index 7a6ea0b75b..bea4eed408 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -113,9 +113,7 @@ button,
 }
 
 .enable-hover button:hover,
-.enable-hover [button]:hover,
-button.hover
-[button].hover {
+.enable-hover [button]:hover {
   opacity: $button-hover-opacity;
   color: $button-text-color;
   text-decoration: none;
diff --git a/ionic/components/button/modes/md.scss b/ionic/components/button/modes/md.scss
index df4a7ea8fb..3443eedec9 100644
--- a/ionic/components/button/modes/md.scss
+++ b/ionic/components/button/modes/md.scss
@@ -83,9 +83,7 @@ button,
 }
 
 &.enable-hover button[clear]:hover,
-&.enable-hover [button][clear]:hover,
-button[clear].hover,
-[button][clear].hover {
+&.enable-hover [button][clear]:hover {
   background-color: $button-md-clear-hover-bg-color;
 }
 
diff --git a/ionic/components/button/test/basic/main.html b/ionic/components/button/test/basic/main.html
index a9de3ecaf7..87bc881f86 100644
--- a/ionic/components/button/test/basic/main.html
+++ b/ionic/components/button/test/basic/main.html
@@ -3,36 +3,31 @@
   <ion-title>Default Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding" style="text-align:center">
+<ion-content padding style="text-align:center">
 
   <p>
     <button>Default</button>
-    <button class="hover">D.hover</button>
-    <button class="activated">D.activated</button>
+    <button class="activated">Default.activated</button>
   </p>
 
   <p>
     <button secondary>Secondary</button>
-    <button secondary class="hover">S.hover</button>
-    <button secondary class="activated">S.activated</button>
+    <button secondary class="activated">Secondary.activated</button>
   </p>
 
   <p>
     <button danger>Danger</button>
-    <button danger class="hover">D.hover</button>
-    <button danger class="activated">D.activated</button>
+    <button danger class="activated">Danger.activated</button>
   </p>
 
   <p>
     <button light>Light</button>
-    <button light class="hover">L.hover</button>
-    <button light class="activated">L.activated</button>
+    <button light class="activated">Light.activated</button>
   </p>
 
   <p>
     <button dark>Dark</button>
-    <button dark class="hover">D.hover</button>
-    <button dark class="activated">D.activated</button>
+    <button dark class="activated">Dark.activated</button>
   </p>
 
 </ion-content>
diff --git a/ionic/components/button/test/block/main.html b/ionic/components/button/test/block/main.html
index a1b8aad87f..e440bc75de 100644
--- a/ionic/components/button/test/block/main.html
+++ b/ionic/components/button/test/block/main.html
@@ -3,7 +3,7 @@
   <ion-title>Block Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding" style="text-align:center">
+<ion-content padding style="text-align:center">
 
   <p>
     <a button block href="#">a[button][block]</a>
diff --git a/ionic/components/button/test/clear/main.html b/ionic/components/button/test/clear/main.html
index 178c7570dc..aee47ab00e 100644
--- a/ionic/components/button/test/clear/main.html
+++ b/ionic/components/button/test/clear/main.html
@@ -3,36 +3,31 @@
   <ion-title>Clear Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding" style="text-align:center">
+<ion-content padding style="text-align:center">
 
   <p>
-    <button clear>D</button>
-    <button clear class="hover">D.hover</button>
-    <button clear class="activated">D.activated</button>
+    <button clear>Default</button>
+    <button clear class="activated">Default.activated</button>
   </p>
 
   <p>
-    <button clear secondary>S</button>
-    <button clear secondary class="hover">S.hover</button>
-    <button clear secondary class="activated">S.activated</button>
+    <button clear secondary>Secondary</button>
+    <button clear secondary class="activated">Secondary.activated</button>
   </p>
 
   <p>
-    <button clear danger>D</button>
-    <button clear danger class="hover">D.hover</button>
-    <button clear danger class="activated">D.activated</button>
+    <button clear danger>Danger</button>
+    <button clear danger class="activated">Danger.activated</button>
   </p>
 
   <p>
-    <button clear light>L</button>
-    <button clear light class="hover">L.hover</button>
-    <button clear light class="activated">L.activated</button>
+    <button clear light>Light</button>
+    <button clear light class="activated">Light.activated</button>
   </p>
 
   <p>
-    <button clear dark>D</button>
-    <button clear dark class="hover">D.hover</button>
-    <button clear dark class="activated">D.activated</button>
+    <button clear dark>Dark</button>
+    <button clear dark class="activated">Dark.activated</button>
   </p>
 
 </ion-content>
diff --git a/ionic/components/button/test/outline/main.html b/ionic/components/button/test/outline/main.html
index fc5f4e9b33..7a5729a74a 100644
--- a/ionic/components/button/test/outline/main.html
+++ b/ionic/components/button/test/outline/main.html
@@ -3,46 +3,37 @@
   <ion-title>Outline Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding" style="text-align:center">
+<ion-content padding style="text-align:center">
 
   <p>
-    <button outline>D</button>
-    <button outline class="hover">D.hover</button>
-    <button outline class="activated">D.activated</button>
+    <button outline>Default</button>
+    <button outline class="activated">Default.activated</button>
   </p>
 
   <p>
-    <button outline secondary>S</button>
-    <button outline secondary class="hover">S.hover</button>
-    <button outline secondary class="activated">S.activated</button>
+    <button outline secondary>Secondary</button>
+    <button outline secondary class="activated">Secondary.activated</button>
   </p>
 
   <p>
-    <button outline danger>D</button>
-    <button outline danger class="hover">D.hover</button>
-    <button outline danger class="activated">D.activated</button>
+    <button outline danger>Danger</button>
+    <button outline danger class="activated">Danger.activated</button>
   </p>
 
   <p>
-    <button outline light>L</button>
-    <button outline light class="hover">L.hover</button>
-    <button outline light class="activated">L.activated</button>
+    <button outline light>Light</button>
+    <button outline light class="activated">Light.activated</button>
   </p>
 
   <p>
-    <button outline dark>D</button>
-    <button outline dark class="hover">D.hover</button>
-    <button outline dark class="activated">D.activated</button>
+    <button outline dark>Dark</button>
+    <button outline dark class="activated">Dark.activated</button>
   </p>
 
   <p>
     <button outline block>button[outline][block]</button>
   </p>
 
-  <p>
-    <button outline block class="hover">[outline][block].hover</button>
-  </p>
-
   <p>
     <button outline block class="activated">[outline][block].activated</button>
   </p>
@@ -51,10 +42,6 @@
     <button outline block secondary>button[outline][block][secondary]</button>
   </p>
 
-  <p>
-    <button outline block secondary class="hover">[outline][block][secondary].hover</button>
-  </p>
-
   <p>
     <button outline block secondary class="activated">[outline][block][secondary].activated</button>
   </p>
diff --git a/ionic/components/button/test/round/main.html b/ionic/components/button/test/round/main.html
index 21a6b57e80..f90d2f7b70 100644
--- a/ionic/components/button/test/round/main.html
+++ b/ionic/components/button/test/round/main.html
@@ -3,7 +3,7 @@
   <ion-title>Round Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding">
+<ion-content padding>
   <button round>button</button>
   <button round light>button light</button>
   <button round secondary>button secondary</button>
diff --git a/ionic/components/button/test/sizes/main.html b/ionic/components/button/test/sizes/main.html
index 91234c1ca6..0db997df5a 100644
--- a/ionic/components/button/test/sizes/main.html
+++ b/ionic/components/button/test/sizes/main.html
@@ -3,7 +3,7 @@
   <ion-title>Button Sizes</ion-title>
 </ion-toolbar>
 
-<ion-content class="padding">
+<ion-content padding>
 
   <p>
     <a button href="#">a[button]</a>
diff --git a/ionic/components/tabs/tabs.scss b/ionic/components/tabs/tabs.scss
index 7969a6d71d..4611006465 100644
--- a/ionic/components/tabs/tabs.scss
+++ b/ionic/components/tabs/tabs.scss
@@ -80,8 +80,7 @@ ion-tab {
   background: none;
 }
 
-.enable-hover .tab-button:hover,
-.tab-button.hover {
+.enable-hover .tab-button:hover {
   color: $tab-button-text-inactive;
 }
 
diff --git a/ionic/components/toolbar/test/scenarios/main.html b/ionic/components/toolbar/test/scenarios/main.html
index be3919ce44..7467222d5e 100644
--- a/ionic/components/toolbar/test/scenarios/main.html
+++ b/ionic/components/toolbar/test/scenarios/main.html
@@ -25,28 +25,10 @@
 </ion-toolbar>
 
 
-<ion-toolbar>
-  <ion-nav-items primary>
-    <button class="hover">
-      <icon ios=contact></icon>
-    </button>
-    <button class="hover">
-      <icon search></icon>
-    </button>
-  </ion-nav-items>
-  <ion-nav-items secondary>
-    <button class="hover">
-      <icon more></icon>
-    </button>
-  </ion-nav-items>
-  <ion-title>Defaults.hover</ion-title>
-</ion-toolbar>
-
-
 <ion-toolbar>
   <ion-nav-items primary>
     <button class="activated">
-      <icon ios=contact></icon>
+      <icon ios="contact"></icon>
     </button>
     <button class="activated">
       <icon search></icon>
@@ -81,26 +63,6 @@
 </ion-toolbar>
 
 
-<ion-toolbar>
-  <ion-nav-items primary>
-    <button clear class="hover">
-      <icon contact></icon>
-    </button>
-    <button clear class="hover">
-      <icon contact></icon>
-      Clear
-    </button>
-  </ion-nav-items>
-  <ion-title>Clear</ion-title>
-  <ion-nav-items secondary>
-    <button clear secondary class="hover">
-      Help
-      <icon help-circle></icon>
-    </button>
-  </ion-nav-items>
-</ion-toolbar>
-
-
 <ion-toolbar>
   <ion-nav-items primary>
     <button clear class="activated">
@@ -140,25 +102,6 @@
 </ion-toolbar>
 
 
-<ion-toolbar>
-  <ion-nav-items primary>
-    <button outline class="hover">
-      <icon contact></icon>
-    </button primary>
-    <button outline class="hover">
-      <icon star></icon>
-      Star
-    </button>
-  </ion-nav-items>
-  <ion-nav-items secondary>
-    <button secondary outline class="hover">
-      <icon contact></icon>
-    </button>
-  </ion-nav-items>
-  <ion-title>Outline.hover</ion-title>
-</ion-toolbar>
-
-
 <ion-toolbar>
   <ion-nav-items primary>
     <button outline class="activated">
@@ -193,21 +136,6 @@
 </ion-toolbar>
 
 
-<ion-toolbar>
-  <ion-nav-items primary>
-    <button class="hover">
-      Btn
-    </button>
-  </ion-nav-items>
-  <ion-nav-items secondary>
-    <button secondary class="hover">
-      Btn
-    </button>
-  </ion-nav-items>
-  <ion-title>ColorAttr.hover</ion-title>
-</ion-toolbar>
-
-
 <ion-toolbar>
   <ion-nav-items primary>
     <button class="activated">
diff --git a/ionic/components/toolbar/toolbar.scss b/ionic/components/toolbar/toolbar.scss
index d7c7434e19..38a89c3d1c 100644
--- a/ionic/components/toolbar/toolbar.scss
+++ b/ionic/components/toolbar/toolbar.scss
@@ -41,8 +41,6 @@ $toolbar-order: (
 
 .enable-hover .toolbar button:hover,
 .enable-hover .toolbar [button]:hover,
-.toolbar button.hover,
-.toolbar [button].hover,
 .toolbar button.activated,
 .toolbar [button].activated {
   color: $toolbar-active-color;