resources/tools/dash/app/pal/static/sass/bootstrap/_badge.scss

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