message: Use text-truncate mixin
diff: @import '../_globals';
  @import '../_colors';
  +@import "../mixins/text-truncate";
  .q-badge {
  font-size: 12px;
  height: 20px;
  margin-right: 5px;
  min-width: 28px;
  - overflow: hidden;
  - text-overflow: ellipsis;
  - white-space: nowrap;
  + @include text-truncate();
  @each $color, $value in $colors {
  &.#{$color} {
  color: $value;
  