javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(color): create color-shade mixin

Browse Source 
Closes #173
This commit is contained in:
Adam Bradley
2015-11-23 15:45:50 -06:00
parent bc8ff4070f
commit 339e5ea52e
4 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/components/button/button-clear.scss
View File

@@ -7,7 +7,7 @@ button[clear],
[button][clear] {
border-color: transparent;
background: transparent;
color: darken-or-lighten($button-color);
color: color-shade($button-color);
&.activated {
opacity: 0.4;
@@ -16,7 +16,7 @@ button[clear],
&:hover:not(.disable-hover) {
opacity: 0.6;
color: darken-or-lighten($button-color);
color: color-shade($button-color);
}
}
@@ -27,7 +27,7 @@ button[clear],
@each $color-name, $color-value in auxiliary-colors() {
$fg-color: darken-or-lighten($color-value);
$fg-color: color-shade($color-value);
button[clear][#{$color-name}],
[button][clear][#{$color-name}] {
@@ -36,7 +36,7 @@ button[clear],
color: $fg-color;
&:hover:not(.disable-hover) {
color: darken-or-lighten($fg-color);
color: color-shade($fg-color);
}
}