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

refactor(badge): changed the element name for badges and added colors

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-04 13:36:17 -05:00
parent 111da2c57d
commit bc317f0123
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@ $badge-font-weight: bold !default;
$badge-border-radius: 10px !default; $badge-border-radius: 10px !default;
item-badge { ion-badge {
display: inline-block; display: inline-block;
padding: 3px 8px; padding: 3px 8px;
@ -29,3 +29,15 @@ item-badge {
display: none; display: none;
} }
} }
// Generate Default Badge Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors {
.badge-#{$color-name} {
background-color: $color-value;
color: inverse($color-value);
}
}