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(animations): inline css animations

Browse Source
This commit is contained in:
Adam Bradley
2016-02-09 16:22:40 -06:00
parent de76cefcf3
commit da18868636
94 changed files with 1071 additions and 6905 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ionic/components/toolbar/toolbar.md.scss
View File

@@ -65,19 +65,27 @@ ion-title {
@mixin md-toolbar-theme($color-name, $color-value) {
.toolbar[#{$color-name}] {
$fg-color: toolbar-button-inverse($color-value);
.toolbar-background {
background: $color-value;
}
.toolbar-title,
.bar-button-default,
.bar-button-outline,
.toolbar-title {
color: $fg-color;
}
.bar-button-default,
.bar-button-outline {
color: toolbar-button-inverse($color-value);
ion-button-effect {
background-color: $fg-color;
}
}
.bar-button-outline {
border-color: toolbar-button-inverse($color-value);
border-color: $fg-color;
}
@each $color-name, $color-value in $colors-md {
@@ -142,12 +150,11 @@ ion-buttons[right] {
@mixin md-bar-button-default($color-name, $color-value) {
.bar-button-#{$color-name} {
$fg-color: $color-value;
color: $fg-color;
color: $color-value;
background-color: transparent;
&:hover:not(.disable-hover) {
color: $fg-color;
color: $color-value;
}
}