[Summary view] [Print] [Text view]

   1  // Base class
   2  //
   3  // Requires one of the contextual, color modifier classes for `color` and
   4  // `background-color`.
   5  
   6  .badge {
   7    display: inline-block;
   8    padding: $badge-padding-y $badge-padding-x;
   9    @include font-size($badge-font-size);
  10    font-weight: $badge-font-weight;
  11    line-height: 1;
  12    color: $badge-color;
  13    text-align: center;
  14    white-space: nowrap;
  15    vertical-align: baseline;
  16    @include border-radius($badge-border-radius);
  17    @include gradient-bg();
  18  
  19    // Empty badges collapse automatically
  20    &:empty {
  21      display: none;
  22    }
  23  }
  24  
  25  // Quick fix for badges in buttons
  26  .btn .badge {
  27    position: relative;
  28    top: -1px;
  29  }