ng-zorro-antd/list/style/bordered.less

An enterprise-class UI components based on Ant Design and Angular

@import '../../style/themes/index';

.@{list-prefix-cls}-bordered {
  border: 1px solid @border-color-base;
  border-radius: @border-radius-base;

  .@{list-prefix-cls}-header {
    padding-inline: @padding-lg;
  }

  .@{list-prefix-cls}-footer {
    padding-inline: @padding-lg;
  }

  .@{list-prefix-cls}-item {
    padding-inline: @padding-lg;
  }

  .@{list-prefix-cls}-pagination {
    margin: @margin-md @margin-lg;
  }

  &.@{list-prefix-cls}-sm {
    .@{list-prefix-cls}-item {
      padding: @list-item-padding-sm;
    }
    .@{list-prefix-cls}-header,
    .@{list-prefix-cls}-footer {
      padding: @list-item-padding-sm;
    }
  }

  &.@{list-prefix-cls}-lg {
    .@{list-prefix-cls}-item {
      padding: @list-item-padding-lg;
    }
    .@{list-prefix-cls}-header,
    .@{list-prefix-cls}-footer {
      padding: @list-item-padding-lg;
    }
  }
}