countdown.scss 654 B

123456789101112131415161718192021222324252627282930313233343536
  1. .vxe-countdown {
  2. display: inline-flex;
  3. flex-direction: row;
  4. }
  5. .vxe-countdown--content {
  6. display: flex;
  7. flex-direction: row;
  8. }
  9. .vxe-countdown--prefix,
  10. .vxe-countdown--suffix,
  11. .vxe-countdown--content {
  12. padding: 0 0.1em;
  13. flex-shrink: 0;
  14. display: flex;
  15. align-items: center;
  16. }
  17. .vxe-countdown--content-item {
  18. display: flex;
  19. flex-direction: row;
  20. flex-shrink: 0;
  21. }
  22. .vxe-countdown--content-num {
  23. padding: 0 0.2em;
  24. }
  25. .vxe-countdown {
  26. &.size--medium {
  27. font-size: var(--vxe-ui-font-size-medium);
  28. }
  29. &.size--small {
  30. font-size: var(--vxe-ui-font-size-small);
  31. }
  32. &.size--mini {
  33. font-size: var(--vxe-ui-font-size-mini);
  34. }
  35. }