size.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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 (@padding-horizontal +
  25. ceil((@font-size-sm * 1.4)));
  26. }
  27. }
  28. }
  29. }
  30. }
  31. // ================================================================
  32. // = Middle =
  33. // ================================================================
  34. .table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);
  35. // ================================================================
  36. // = Small =
  37. // ================================================================
  38. .table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);
  39. .@{table-prefix-cls}-small {
  40. .@{table-prefix-cls}-thead > tr > th {
  41. background-color: @table-header-bg-sm;
  42. }
  43. .@{table-prefix-cls}-selection-column {
  44. width: 46px;
  45. min-width: 46px;
  46. }
  47. }