size.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import (reference) '../../style/themes/index';
  2. @table-prefix-cls: ~'@{ant-prefix}-table';
  3. .table-size(@size, @padding-vertical, @padding-horizontal, @font-size) {
  4. .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
  5. font-size: @font-size;
  6. .@{table-prefix-cls}-title,
  7. .@{table-prefix-cls}-footer,
  8. .@{table-prefix-cls}-thead > tr > th,
  9. .@{table-prefix-cls}-tbody > tr > td,
  10. tfoot > tr > th,
  11. tfoot > tr > td {
  12. padding: @padding-vertical @padding-horizontal;
  13. }
  14. .@{table-prefix-cls}-filter-trigger {
  15. margin-right: -(@padding-horizontal / 2);
  16. }
  17. .@{table-prefix-cls}-expanded-row-fixed {
  18. margin: -@padding-vertical -@padding-horizontal;
  19. }
  20. .@{table-prefix-cls}-tbody {
  21. // ========================= Nest Table ===========================
  22. .@{table-prefix-cls}-wrapper:only-child {
  23. .@{table-prefix-cls} {
  24. margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@table-expand-column-width -
  25. @padding-horizontal);
  26. }
  27. }
  28. }
  29. // https://github.com/ant-design/ant-design/issues/35167
  30. .@{table-prefix-cls}-selection-column {
  31. padding-inline-start: (@padding-horizontal / 4);
  32. }
  33. }
  34. }
  35. // ================================================================
  36. // = Middle =
  37. // ================================================================
  38. .table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);
  39. // ================================================================
  40. // = Small =
  41. // ================================================================
  42. .table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);