mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
refactor(badge): changed the element name for badges and added colors
references #689
This commit is contained in:
@ -8,7 +8,7 @@ $badge-font-weight: bold !default;
|
||||
$badge-border-radius: 10px !default;
|
||||
|
||||
|
||||
item-badge {
|
||||
ion-badge {
|
||||
display: inline-block;
|
||||
|
||||
padding: 3px 8px;
|
||||
@ -29,3 +29,15 @@ item-badge {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Generate Default Badge Colors
|
||||
// --------------------------------------------------
|
||||
|
||||
@each $color-name, $color-value in $colors {
|
||||
|
||||
.badge-#{$color-name} {
|
||||
background-color: $color-value;
|
||||
color: inverse($color-value);
|
||||
}
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user