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

badge colors

Browse Source
This commit is contained in:
Adam Bradley
2013-10-23 13:47:06 -05:00
parent f64822e1c2
commit 6c6eb957a4
1 changed files with 43 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
scss/ionic/_badge.scss
View File

@ -1,14 +1,12 @@
//
// Badges // Badges
// -------------------------------------------------- // --------------------------------------------------
// Base classes
.badge { .badge {
display: inline-block; display: inline-block;
min-width: 10px; min-width: 10px;
padding: 3px 7px; padding: 3px 8px;
font-size: $font-size-small; font-size: $badge-font-size;
font-weight: $badge-font-weight; font-weight: $badge-font-weight;
color: $badge-color; color: $badge-color;
line-height: $badge-line-height; line-height: $badge-line-height;
@ -29,3 +27,43 @@
position: relative; position: relative;
top: -1px; top: -1px;
} }
.badge-default {
background: $brand-default;
}
.badge-secondary {
background: $brand-secondary;
}
.badge-primary {
background: $brand-primary;
}
.badge-info {
background: $brand-info;
}
.badge-success {
background: $brand-success;
}
.badge-warning {
background: $brand-warning;
}
.badge-danger {
background: $brand-danger;
}
.badge-dark {
background: $brand-dark;
}
.badge-gray-darker {
background: $gray-darker;
}
.badge-gray-dark {
background: $gray-dark;
}
.badge-gray {
background: $gray;
}
.badge-gray-light {
background: $gray-light;
}
.badge-gray-ligher {
background: $gray-lighter;
}