first commit

admin/static/bootstrap/scss/_badges.scss

@@ -0,0 +1,166 @@
+$badge-color:                 #fff !default;
+//** Linked badge text color on hover
+$badge-link-hover-color:      #fff !default;
+$badge-bg:                    $mediumgray-dark;
+
+//** Badge text color in active nav link
+$badge-active-color:          $link-color !default;
+//** Badge background color in active nav link
+$badge-active-bg:             #fff !default;
+
+$badge-font-weight:           normal !default;
+$badge-line-height:           1 !default;
+$badge-border-radius:         10px !default;
+
+// Base class
+.badge {
+   display: inline-block;
+   min-width: 10px;
+   padding: 3px 7px;
+   font-size: $font-size-small;
+   font-weight: $badge-font-weight;
+   color: $badge-color;
+   line-height: $badge-line-height;
+   vertical-align: middle;
+   white-space: nowrap;
+   text-align: center;
+   background-color: $badge-bg;
+   border-radius: $badge-border-radius;
+   overflow: hidden;
+   text-overflow: ellipsis;
+   border: 0;
+
+   // Empty badges collapse automatically (not available in IE8)
+   &:empty {
+      display: none;
+   }
+
+   // Quick fix for badges in buttons
+   .btn & {
+      position: relative;
+      top: -1px;
+   }
+
+   .btn-xs &,
+   .btn-group-xs > .btn & {
+      top: 0;
+      padding: 1px 5px;
+   }
+
+   // Account for badges in navs
+   .list-group-item.active > &,
+   .nav-pills > .active > a > & {
+      color: $badge-active-color;
+      background-color: $badge-active-bg;
+   }
+
+   .list-group-item > & {
+      float: right;
+   }
+
+   .list-group-item > & + & {
+      margin-right: 5px;
+   }
+
+   .nav-pills > li > a > & {
+      margin-left: 3px;
+   }
+
+   .bi {
+      position: relative;
+      top: 1px;
+   }
+
+   .tooltip-text {
+      display: none;
+   }
+}
+
+// Hover state, but only for links
+a.badge {
+   &:hover,
+   &:focus {
+      color: $badge-link-hover-color;
+      text-decoration: none;
+      cursor: pointer;
+   }
+}
+
+.badge-default {
+   border: 1px solid $mediumgray-dark;
+   background-color: $white;
+   color: $darkgray-dark;
+}
+
+.badge-primary {
+   border-color: $primary;
+   background-color: $primary;
+}
+
+.badge-success {
+   border-color: $success;
+   background-color: $success;
+}
+
+.badge-danger {
+   border-color: $danger;
+   background-color: $danger;
+}
+
+.badge-warning {
+   border-color: $warning;
+   background-color: $warning;
+}
+
+.badge-info {
+   border-color: $info;
+   background-color: $info;
+}
+
+.badge-success-indeterminate {
+   border-color: $success;
+   background-color: $success;
+   opacity: .45;
+}
+
+.badge-danger-indeterminate {
+   border-color: $danger;
+   background-color: $danger;
+   opacity: .45;
+}
+
+.badge-pastel-default {
+   border-color: $lightgray-dark;
+   background-color: $lightgray-dark;
+   color: $darkgray-dark;
+}
+
+.badge-pastel-primary {
+   border-color: $primary-light;
+   background-color: $primary-light;
+   color: $primary-dark;
+}
+
+.badge-pastel-success {
+   border-color: $success-light;
+   background-color: $success-light;
+   color: $success-dark;
+}
+
+.badge-pastel-danger {
+   border-color: $danger-light;
+   background-color: $danger-light;
+   color: $danger-dark;
+}
+
+.badge-pastel-warning {
+   border-color: $warning-light;
+   background-color: $warning-light;
+   color: $warning-dark;
+}
+
+.badge-pastel-info {
+   border-color: $info-light;
+   background-color: $info-light;
+   color: $info-dark;
+}