_ui.badge.scss 464 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @charset "utf-8";
  2. /*
  3. * @file: 徽章UI组件
  4. * @update: 2015-06-03 16:35:21
  5. */
  6. /*
  7. * 默认徽章
  8. * @base
  9. */
  10. .ui-badge {
  11. @include inline-block;
  12. min-width: 10px;
  13. padding: 3px 6px;
  14. line-height: 1;
  15. text-align: center;
  16. }
  17. /*
  18. * 圆角徽章
  19. * @extend: radius
  20. */
  21. .ui-badge {
  22. &.ext-radius {
  23. border-radius: 3px;
  24. }
  25. }
  26. /*
  27. * 圆形徽章
  28. * @extend: round
  29. */
  30. .ui-badge {
  31. &.ext-round {
  32. border-radius: 10px;
  33. }
  34. }