mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
45 lines
888 B
SCSS
45 lines
888 B
SCSS
|
|
// Clear Button
|
|
// --------------------------------------------------
|
|
|
|
button[clear],
|
|
[button][clear] {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
color: darken-or-lighten($button-color);
|
|
|
|
&.activated {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
}
|
|
|
|
.enable-hover button[clear]:hover,
|
|
.enable-hover [button][clear]:hover {
|
|
opacity: 0.6;
|
|
color: darken-or-lighten($button-color);
|
|
}
|
|
|
|
|
|
|
|
// Generate Clear Button Colors
|
|
// --------------------------------------------------
|
|
|
|
@each $color-name, $color-value in auxiliary-colors() {
|
|
|
|
$fg-color: darken-or-lighten($color-value);
|
|
|
|
button[clear][#{$color-name}],
|
|
[button][clear][#{$color-name}] {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
color: $fg-color;
|
|
}
|
|
|
|
.enable-hover button[clear][#{$color-name}]:hover,
|
|
.enable-hover [button][clear][#{$color-name}]:hover {
|
|
color: darken-or-lighten($fg-color);
|
|
}
|
|
|
|
}
|