summaryrefslogtreecommitdiff
path: root/www/lib/ionic/scss/_badge.scss
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
commit676270d21beed31d767a06c89522198c77d5d865 (patch)
tree902772af01bfbcf80955f0351a5aae9eb029b9b0 /www/lib/ionic/scss/_badge.scss
Initial commit
Diffstat (limited to 'www/lib/ionic/scss/_badge.scss')
-rw-r--r--www/lib/ionic/scss/_badge.scss62
1 files changed, 62 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/_badge.scss b/www/lib/ionic/scss/_badge.scss
new file mode 100644
index 00000000..37298be2
--- /dev/null
+++ b/www/lib/ionic/scss/_badge.scss
@@ -0,0 +1,62 @@
+
+/**
+ * Badges
+ * --------------------------------------------------
+ */
+
+.badge {
+ @include badge-style($badge-default-bg, $badge-default-text);
+ z-index: $z-index-badge;
+ display: inline-block;
+ padding: 3px 8px;
+ min-width: 10px;
+ border-radius: $badge-border-radius;
+ vertical-align: baseline;
+ text-align: center;
+ white-space: nowrap;
+ font-weight: $badge-font-weight;
+ font-size: $badge-font-size;
+ line-height: $badge-line-height;
+
+ &:empty {
+ display: none;
+ }
+}
+
+//Be sure to override specificity of rule that 'badge color matches tab color by default'
+.tabs .tab-item .badge,
+.badge {
+ &.badge-light {
+ @include badge-style($badge-light-bg, $badge-light-text);
+ }
+ &.badge-stable {
+ @include badge-style($badge-stable-bg, $badge-stable-text);
+ }
+ &.badge-positive {
+ @include badge-style($badge-positive-bg, $badge-positive-text);
+ }
+ &.badge-calm {
+ @include badge-style($badge-calm-bg, $badge-calm-text);
+ }
+ &.badge-assertive {
+ @include badge-style($badge-assertive-bg, $badge-assertive-text);
+ }
+ &.badge-balanced {
+ @include badge-style($badge-balanced-bg, $badge-balanced-text);
+ }
+ &.badge-energized {
+ @include badge-style($badge-energized-bg, $badge-energized-text);
+ }
+ &.badge-royal {
+ @include badge-style($badge-royal-bg, $badge-royal-text);
+ }
+ &.badge-dark {
+ @include badge-style($badge-dark-bg, $badge-dark-text);
+ }
+}
+
+// Quick fix for labels/badges in buttons
+.button .badge {
+ position: relative;
+ top: -1px;
+}