index.less 796 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @import '../style/var';
  2. .van-badge {
  3. display: inline-block;
  4. box-sizing: border-box;
  5. min-width: @badge-size;
  6. padding: @badge-padding;
  7. color: @badge-color;
  8. font-weight: @badge-font-weight;
  9. font-size: @badge-font-size;
  10. font-family: @badge-font-family;
  11. line-height: 1.2;
  12. text-align: center;
  13. background-color: @badge-background-color;
  14. border: @badge-border-width solid @white;
  15. border-radius: @border-radius-max;
  16. &--fixed {
  17. position: absolute;
  18. top: 0;
  19. right: 0;
  20. transform: translate(50%, -50%);
  21. transform-origin: 100%;
  22. }
  23. &--dot {
  24. width: @badge-dot-size;
  25. min-width: 0;
  26. height: @badge-dot-size;
  27. background-color: @badge-dot-color;
  28. border-radius: 100%;
  29. }
  30. &__wrapper {
  31. position: relative;
  32. display: inline-block;
  33. }
  34. }