fix(button): remove color shade from clear buttons

brandyscarney · brandyscarney · commit a8e7941a27ec · 2016-01-22T14:12:31.000-05:00
diff --git a/ionic/components/button/button.ios.scss b/ionic/components/button/button.ios.scss
@@ -157,7 +157,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
 
 .button-clear {
   border-color: transparent;
-  color: color-shade($button-ios-color);
+  color: $button-ios-color;
   background-color: transparent;
 
   &.activated {
@@ -167,7 +167,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
 
   &:hover:not(.disable-hover) {
     opacity: 0.6;
-    color: color-shade($button-ios-color);
+    color: $button-ios-color;
   }
 }
 
@@ -178,7 +178,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
 @mixin ios-button-clear($color-name, $color-value) {
 
   .button-clear-#{$color-name} {
-    $fg-color: color-shade($color-value);
+    $fg-color: $color-value;
     border-color: transparent;
     background-color: transparent;
     color: $fg-color;
@@ -188,7 +188,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
     }
 
     &:hover:not(.disable-hover) {
-      color: color-shade($fg-color);
+      color: $fg-color;
     }
   }
 
diff --git a/ionic/components/button/button.md.scss b/ionic/components/button/button.md.scss
@@ -186,15 +186,16 @@ $button-md-small-icon-font-size:           1.4em !default;
   opacity: 1;
   box-shadow: none;
   background-color: transparent;
-  color: color-shade($button-md-color);
+  color: $button-md-color;
 
   &.activated {
     background-color: $button-md-clear-active-background-color;
     box-shadow: none;
   }
 
   &:hover:not(.disable-hover) {
-    color: color-shade($button-md-color);
+
+    color: $button-md-color;
   }
 }
 
@@ -205,7 +206,7 @@ $button-md-small-icon-font-size:           1.4em !default;
 @mixin md-button-clear($color-name, $color-value) {
 
   .button-clear-#{$color-name} {
-    $fg-color: color-shade($color-value);
+    $fg-color: $color-value;
     border-color: transparent;
     background-color: transparent;
     color: $fg-color;
@@ -217,7 +218,7 @@ $button-md-small-icon-font-size:           1.4em !default;
     }
 
     &:hover:not(.disable-hover) {
-      color: color-shade($fg-color);
+      color: $fg-color;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ $button-ios-small-icon-font-size: 1.3em !default;`
`157`	`157`
`158`	`158`	`.button-clear {`
`159`	`159`	`border-color: transparent;`
`160`		`- color: color-shade($button-ios-color);`
	`160`	`+ color: $button-ios-color;`
`161`	`161`	`background-color: transparent;`
`162`	`162`
`163`	`163`	`&.activated {`
`@@ -167,7 +167,7 @@ $button-ios-small-icon-font-size: 1.3em !default;`
`167`	`167`
`168`	`168`	`&:hover:not(.disable-hover) {`
`169`	`169`	`opacity: 0.6;`
`170`		`- color: color-shade($button-ios-color);`
	`170`	`+ color: $button-ios-color;`
`171`	`171`	`}`
`172`	`172`	`}`
`173`	`173`
`@@ -178,7 +178,7 @@ $button-ios-small-icon-font-size: 1.3em !default;`
`178`	`178`	`@mixin ios-button-clear($color-name, $color-value) {`
`179`	`179`
`180`	`180`	`.button-clear-#{$color-name} {`
`181`		`- $fg-color: color-shade($color-value);`
	`181`	`+ $fg-color: $color-value;`
`182`	`182`	`border-color: transparent;`
`183`	`183`	`background-color: transparent;`
`184`	`184`	`color: $fg-color;`
`@@ -188,7 +188,7 @@ $button-ios-small-icon-font-size: 1.3em !default;`
`188`	`188`	`}`
`189`	`189`
`190`	`190`	`&:hover:not(.disable-hover) {`
`191`		`- color: color-shade($fg-color);`
	`191`	`+ color: $fg-color;`
`192`	`192`	`}`
`193`	`193`	`}`
`194`	`194`
Original file line number	Diff line number	Diff line change
`@@ -186,15 +186,16 @@ $button-md-small-icon-font-size: 1.4em !default;`
`186`	`186`	`opacity: 1;`
`187`	`187`	`box-shadow: none;`
`188`	`188`	`background-color: transparent;`
`189`		`- color: color-shade($button-md-color);`
	`189`	`+ color: $button-md-color;`
`190`	`190`
`191`	`191`	`&.activated {`
`192`	`192`	`background-color: $button-md-clear-active-background-color;`
`193`	`193`	`box-shadow: none;`
`194`	`194`	`}`
`195`	`195`
`196`	`196`	`&:hover:not(.disable-hover) {`
`197`		`- color: color-shade($button-md-color);`
	`197`	`+`
	`198`	`+ color: $button-md-color;`
`198`	`199`	`}`
`199`	`200`	`}`
`200`	`201`
`@@ -205,7 +206,7 @@ $button-md-small-icon-font-size: 1.4em !default;`
`205`	`206`	`@mixin md-button-clear($color-name, $color-value) {`
`206`	`207`
`207`	`208`	`.button-clear-#{$color-name} {`
`208`		`- $fg-color: color-shade($color-value);`
	`209`	`+ $fg-color: $color-value;`
`209`	`210`	`border-color: transparent;`
`210`	`211`	`background-color: transparent;`
`211`	`212`	`color: $fg-color;`
`@@ -217,7 +218,7 @@ $button-md-small-icon-font-size: 1.4em !default;`
`217`	`218`	`}`
`218`	`219`
`219`	`220`	`&:hover:not(.disable-hover) {`
`220`		`- color: color-shade($fg-color);`
	`221`	`+ color: $fg-color;`
`221`	`222`	`}`
`222`	`223`	`}`
`223`	`224`	`}`