mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
chore(badge): update core badge
This commit is contained in:
@ -16,7 +16,8 @@ $badge-ios-text-color: color-contrast($colors-ios, $badge-ios-background
|
||||
|
||||
|
||||
.badge-ios {
|
||||
border-radius: $badge-ios-border-radius;
|
||||
@include border-radius($badge-ios-border-radius);
|
||||
|
||||
color: $badge-ios-text-color;
|
||||
background-color: $badge-ios-background-color;
|
||||
}
|
||||
|
||||
@ -16,7 +16,8 @@ $badge-md-text-color: color-contrast($colors-md, $badge-md-backgro
|
||||
|
||||
|
||||
.badge-md {
|
||||
border-radius: $badge-md-border-radius;
|
||||
@include border-radius($badge-md-border-radius);
|
||||
|
||||
color: $badge-md-text-color;
|
||||
background-color: $badge-md-background-color;
|
||||
}
|
||||
|
||||
@ -12,9 +12,10 @@ $badge-font-weight: bold !default;
|
||||
|
||||
|
||||
ion-badge {
|
||||
display: inline-block;
|
||||
@include padding(3px, 8px);
|
||||
@include text-align(center);
|
||||
|
||||
padding: 3px 8px;
|
||||
display: inline-block;
|
||||
|
||||
min-width: 10px;
|
||||
|
||||
@ -22,14 +23,13 @@ ion-badge {
|
||||
font-weight: $badge-font-weight;
|
||||
line-height: 1;
|
||||
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
|
||||
contain: content;
|
||||
}
|
||||
|
||||
ion-badge.upgraded {
|
||||
ion-badge.hydrated {
|
||||
visibility: inherit;
|
||||
}
|
||||
|
||||
|
||||
@ -16,7 +16,8 @@ $badge-wp-text-color: color-contrast($colors-wp, $badge-wp-backgro
|
||||
|
||||
|
||||
.badge-wp {
|
||||
border-radius: $badge-wp-border-radius;
|
||||
@include border-radius($badge-wp-border-radius);
|
||||
|
||||
color: $badge-wp-text-color;
|
||||
background-color: $badge-wp-background-color;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user