mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
fix(button): added color to clear buttons MD and removed unused mixing
references #689
This commit is contained in:
@ -163,6 +163,7 @@ $button-md-small-padding: 0.9em !default;
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
color: color-shade($button-md-color);
|
||||||
|
|
||||||
&.activated {
|
&.activated {
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
@ -219,32 +220,6 @@ $button-md-small-padding: 0.9em !default;
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Material Design Button Color Mixin
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
@mixin button-theme-md($color-name, $color-value) {
|
|
||||||
|
|
||||||
.button-#{$color-name}.activated {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-outline {
|
|
||||||
|
|
||||||
md-ripple {
|
|
||||||
background-color: rgba( red($color-value), green($color-value), blue($color-value), 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.activated {
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
md-ripple {
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Generate Material Design Button Colors
|
// Generate Material Design Button Colors
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
Reference in New Issue
Block a user