mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
refactor(sass): replace all instances of bg in sass variables with background
references #5651
This commit is contained in:
@@ -55,15 +55,15 @@ $button-ios-small-icon-font-size: 1.3em !default;
|
||||
@mixin ios-button-default($color-name, $color-value) {
|
||||
|
||||
.button-#{$color-name} {
|
||||
$bg-color: $color-value;
|
||||
$bg-color-activated: color-shade($bg-color);
|
||||
$fg-color: color-inverse($bg-color);
|
||||
$background-color: $color-value;
|
||||
$background-color-activated: color-shade($background-color);
|
||||
$fg-color: color-inverse($background-color);
|
||||
|
||||
color: $fg-color;
|
||||
background-color: $bg-color;
|
||||
background-color: $background-color;
|
||||
|
||||
&.activated {
|
||||
background-color: $bg-color-activated;
|
||||
background-color: $background-color-activated;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -78,20 +78,20 @@ $button-md-small-icon-font-size: 1.4em !default;
|
||||
@mixin md-button-default($color-name, $color-value) {
|
||||
|
||||
.button-#{$color-name} {
|
||||
$bg-color: $color-value;
|
||||
$bg-color-activated: color-shade($bg-color);
|
||||
$fg-color: color-inverse($bg-color);
|
||||
$background-color: $color-value;
|
||||
$background-color-activated: color-shade($background-color);
|
||||
$fg-color: color-inverse($background-color);
|
||||
|
||||
color: $fg-color;
|
||||
background-color: $bg-color;
|
||||
background-color: $background-color;
|
||||
|
||||
&:hover:not(.disable-hover) {
|
||||
background-color: $bg-color;
|
||||
background-color: $background-color;
|
||||
}
|
||||
|
||||
&.activated {
|
||||
opacity: 1;
|
||||
background-color: $bg-color-activated;
|
||||
background-color: $background-color-activated;
|
||||
}
|
||||
|
||||
ion-button-effect {
|
||||
|
||||
Reference in New Issue
Block a user