acud/lib/table/style/size.less

acg react 组件库

@import (reference) '../../style/themes/index';

@table-prefix-cls: ~'@{acud-prefix}-table';

.table-size(@size, @padding-vertical, @padding-horizontal, @font-size, @tbody-td-height) {
  .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
    font-size: @font-size;

    .@{table-prefix-cls}-title,
    .@{table-prefix-cls}-footer,
    // .@{table-prefix-cls}-thead > tr > th,
    .@{table-prefix-cls}-tbody > tr > td,
    tfoot > tr > th,
    tfoot > tr > td {
      padding: @padding-vertical @padding-horizontal;
      // height: @tbody-td-height;
    }

    .@{table-prefix-cls}-tbody {
      // ========================= Nest Table ===========================
      .@{table-prefix-cls}-wrapper:only-child {
        .@{table-prefix-cls} {
          margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@padding-horizontal +
                ceil((@font-size-sm * 1.4)));
        }
      }
    }
  }
}

// ================================================================
// =                            large                             =
// ================================================================
.table-size(~'large', @table-padding-vertical-lg, @table-padding-horizontal-lg, @table-font-size-lg, @table-tbody-td-height-lg);

// ================================================================
// =                            Small                             =
// ================================================================
.table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm, @table-tbody-td-height-sm);

.@{table-prefix-cls}-small {
  .@{table-prefix-cls}-selection-column {
    width: 28px;
    min-width: 28px;
  }
}