javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(badge): split badge color into separate modes

Browse Source 
make it so they can use a different badge by default per mode

references #5222
This commit is contained in:
Brandy Carney
2016-01-29 14:46:07 -05:00
parent 93b9891481
commit b472c6cd43
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,10 +4,13 @@
// -------------------------------------------------- // --------------------------------------------------
$badge-ios-border-radius: 10px !default; $badge-ios-border-radius: 10px !default;
$badge-ios-background-color: map-get($colors-ios, primary) !default;
ion-badge { ion-badge {
border-radius: $badge-ios-border-radius; border-radius: $badge-ios-border-radius;
background-color: $badge-ios-background-color;
color: inverse($badge-ios-background-color);
} }

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

@ -4,10 +4,13 @@
// -------------------------------------------------- // --------------------------------------------------
$badge-md-border-radius: 4px !default; $badge-md-border-radius: 4px !default;
$badge-md-background-color: map-get($colors-md, primary) !default;
ion-badge { ion-badge {
border-radius: $badge-md-border-radius; border-radius: $badge-md-border-radius;
background-color: $badge-md-background-color;
color: inverse($badge-md-background-color);
} }

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

@ -5,7 +5,6 @@
$badge-font-size: 1.3rem !default; $badge-font-size: 1.3rem !default;
$badge-font-weight: bold !default; $badge-font-weight: bold !default;
$badge-background-color: map-get($colors, primary);
ion-badge { ion-badge {
@ -22,9 +21,6 @@ ion-badge {
font-weight: $badge-font-weight; font-weight: $badge-font-weight;
line-height: 1; line-height: 1;
background-color: $badge-background-color;
color: inverse($badge-background-color);
&:empty { &:empty {
display: none; display: none;
} }