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

fix(badge): badge colors by mode

Browse Source
This commit is contained in:
Adam Bradley
2016-01-06 22:08:42 -06:00
parent 239a2d5102
commit 5e4220ae1e
3 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/badge/badge.ios.scss
View File

@@ -9,3 +9,16 @@ $badge-ios-border-radius: 10px !default;
ion-badge {
border-radius: $badge-ios-border-radius;
}
// Generate iOS Badge Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-ios {
ion-badge[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}

13
ionic/components/badge/badge.md.scss
View File

@@ -9,3 +9,16 @@ $badge-md-border-radius: 4px !default;
ion-badge {
border-radius: $badge-md-border-radius;
}
// Generate Material Design Badge Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-md {
ion-badge[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}

12
ionic/components/badge/badge.scss
View File

@@ -27,15 +27,3 @@ ion-badge {
display: none;
}
}
// Generate Default Badge Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors {
ion-badge[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}