javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +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-background-color: map-get($colors-ios, primary) !default;
ion-badge {
border-radius: $badge-ios-border-radius;
background-color: $badge-ios-background-color;
color: inverse($badge-ios-background-color);
}

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

@ -3,11 +3,14 @@
// Material Design Badge
// --------------------------------------------------
$badge-md-border-radius: 4px !default;
$badge-md-border-radius: 4px !default;
$badge-md-background-color: map-get($colors-md, primary) !default;
ion-badge {
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-weight: bold !default;
$badge-background-color: map-get($colors, primary);
ion-badge {
@ -22,9 +21,6 @@ ion-badge {
font-weight: $badge-font-weight;
line-height: 1;
background-color: $badge-background-color;
color: inverse($badge-background-color);
&:empty {
display: none;
}