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

chore(badge): update core badge

Browse Source
This commit is contained in:
Adam Bradley
2017-05-24 13:38:40 -05:00
parent 8244cd940b
commit f1fba9f8fa
4 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,8 @@ $badge-ios-text-color: color-contrast($colors-ios, $badge-ios-background
.badge-ios { .badge-ios {
border-radius: $badge-ios-border-radius; @include border-radius($badge-ios-border-radius);
color: $badge-ios-text-color; color: $badge-ios-text-color;
background-color: $badge-ios-background-color; background-color: $badge-ios-background-color;
} }

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

@ -16,7 +16,8 @@ $badge-md-text-color: color-contrast($colors-md, $badge-md-backgro
.badge-md { .badge-md {
border-radius: $badge-md-border-radius; @include border-radius($badge-md-border-radius);
color: $badge-md-text-color; color: $badge-md-text-color;
background-color: $badge-md-background-color; background-color: $badge-md-background-color;
} }

8
src/components/badge/badge.scss
View File

@ -12,9 +12,10 @@ $badge-font-weight: bold !default;
ion-badge { ion-badge {
display: inline-block; @include padding(3px, 8px);
@include text-align(center);
padding: 3px 8px; display: inline-block;
min-width: 10px; min-width: 10px;
@ -22,14 +23,13 @@ ion-badge {
font-weight: $badge-font-weight; font-weight: $badge-font-weight;
line-height: 1; line-height: 1;
text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
contain: content; contain: content;
} }
ion-badge.upgraded { ion-badge.hydrated {
visibility: inherit; visibility: inherit;
} }

3
src/components/badge/badge.wp.scss
View File

@ -16,7 +16,8 @@ $badge-wp-text-color: color-contrast($colors-wp, $badge-wp-backgro
.badge-wp { .badge-wp {
border-radius: $badge-wp-border-radius; @include border-radius($badge-wp-border-radius);
color: $badge-wp-text-color; color: $badge-wp-text-color;
background-color: $badge-wp-background-color; background-color: $badge-wp-background-color;
} }