_badge.less 342 B

123456789101112131415161718
  1. #badge-variant(@bg) {
  2. color: color-yiq(@bg);
  3. background-color: @bg;
  4. // LESS PORT: Less has no `@at-root` equivalent, so omitting that here.
  5. a& {
  6. #hover-focus({
  7. color: color-yiq(@bg);
  8. background-color: darken(@bg, 10%);
  9. });
  10. &:focus,
  11. &.focus {
  12. outline: 0;
  13. box-shadow: 0 0 0 @badge-focus-width fade(@bg, 50%);
  14. }
  15. }
  16. }