init

node_modules/ng-zorro-antd/list/index.d.ts

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { ElementRef, TemplateRef, OnChanges, AfterContentInit, QueryList, AfterViewInit, OnInit, SimpleChanges } from '@angular/core';
+import { Direction } from '@angular/cdk/bidi';
+import { Observable } from 'rxjs';
+import { NzSafeAny, NzDirectionVHType, NzSizeLDSType } from 'ng-zorro-antd/core/types';
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+type ColumnCount = 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
+interface NzListGrid {
+    gutter?: number;
+    span?: number;
+    column?: ColumnCount;
+    xs?: ColumnCount;
+    sm?: ColumnCount;
+    md?: ColumnCount;
+    lg?: ColumnCount;
+    xl?: ColumnCount;
+    xxl?: ColumnCount;
+}
+
+declare class NzListItemMetaTitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemMetaTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemMetaTitleComponent, "nz-list-item-meta-title", ["nzListItemMetaTitle"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListItemMetaDescriptionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemMetaDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemMetaDescriptionComponent, "nz-list-item-meta-description", ["nzListItemMetaDescription"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListItemMetaAvatarComponent {
+    nzSrc?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemMetaAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemMetaAvatarComponent, "nz-list-item-meta-avatar", ["nzListItemMetaAvatar"], { "nzSrc": { "alias": "nzSrc"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NzListItemMetaComponent {
+    readonly elementRef: ElementRef<any>;
+    avatarStr: string;
+    avatarTpl?: TemplateRef<void>;
+    set nzAvatar(value: string | TemplateRef<void>);
+    nzTitle?: string | TemplateRef<void>;
+    nzDescription?: string | TemplateRef<void>;
+    descriptionComponent?: NzListItemMetaDescriptionComponent;
+    titleComponent?: NzListItemMetaTitleComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemMetaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemMetaComponent, "nz-list-item-meta, [nz-list-item-meta]", ["nzListItemMeta"], { "nzAvatar": { "alias": "nzAvatar"; "required": false; }; "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzDescription": { "alias": "nzDescription"; "required": false; }; }, {}, ["descriptionComponent", "titleComponent"], ["nz-list-item-meta-avatar", "nz-list-item-meta-title", "nz-list-item-meta-description"], true, never>;
+}
+
+declare class NzListItemExtraComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemExtraComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemExtraComponent, "nz-list-item-extra, [nz-list-item-extra]", ["nzListItemExtra"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListItemActionComponent {
+    templateRef?: TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemActionComponent, "nz-list-item-action", ["nzListItemAction"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListItemActionsComponent implements OnChanges, AfterContentInit {
+    private cdr;
+    nzActions: Array<TemplateRef<void>>;
+    nzListItemActions: QueryList<NzListItemActionComponent>;
+    actions: Array<TemplateRef<void>>;
+    private inputActionChanges$;
+    private contentChildrenChanges$;
+    private initialized;
+    constructor();
+    ngOnChanges(): void;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemActionsComponent, "ul[nz-list-item-actions]", ["nzListItemActions"], { "nzActions": { "alias": "nzActions"; "required": false; }; }, {}, ["nzListItemActions"], never, true, never>;
+}
+
+declare class NzListItemComponent implements AfterViewInit {
+    private cdr;
+    private destroyRef;
+    private parentComp;
+    nzActions: Array<TemplateRef<void>>;
+    nzContent?: string | TemplateRef<void>;
+    nzExtra: TemplateRef<void> | null;
+    nzNoFlex: boolean;
+    listItemExtraDirective?: NzListItemExtraComponent;
+    private itemLayout?;
+    get isVerticalAndExtra(): boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListItemComponent, "nz-list-item, [nz-list-item]", ["nzListItem"], { "nzActions": { "alias": "nzActions"; "required": false; }; "nzContent": { "alias": "nzContent"; "required": false; }; "nzExtra": { "alias": "nzExtra"; "required": false; }; "nzNoFlex": { "alias": "nzNoFlex"; "required": false; }; }, {}, ["listItemExtraDirective"], ["nz-list-item-actions, [nz-list-item-actions]", "nz-list-item-meta, [nz-list-item-meta]", "*", "nz-list-item-extra, [nz-list-item-extra]"], true, never>;
+    static ngAcceptInputType_nzNoFlex: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzListEmptyComponent {
+    nzNoResult?: string | TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListEmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListEmptyComponent, "nz-list-empty", ["nzListHeader"], { "nzNoResult": { "alias": "nzNoResult"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class NzListHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListHeaderComponent, "nz-list-header", ["nzListHeader"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListFooterComponent, "nz-list-footer", ["nzListFooter"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListPaginationComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListPaginationComponent, "nz-list-pagination", ["nzListPagination"], {}, {}, never, ["*"], true, never>;
+}
+declare class NzListLoadMoreDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListLoadMoreDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzListLoadMoreDirective, "nz-list-load-more", ["nzListLoadMoreDirective"], {}, {}, never, never, true, never>;
+}
+declare class NzListGridDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListGridDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzListGridDirective, "nz-list[nzGrid]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzListComponent implements AfterContentInit, OnChanges, OnInit {
+    private directionality;
+    private destroyRef;
+    nzDataSource?: NzSafeAny[];
+    nzBordered: boolean;
+    nzGrid?: NzListGrid | '' | null | undefined;
+    nzHeader?: string | TemplateRef<void>;
+    nzFooter?: string | TemplateRef<void>;
+    nzItemLayout: NzDirectionVHType;
+    nzRenderItem: TemplateRef<{
+        $implicit: NzSafeAny;
+        index: number;
+    }> | null;
+    nzLoading: boolean;
+    nzLoadMore: TemplateRef<void> | null;
+    nzPagination?: TemplateRef<void>;
+    nzSize: NzSizeLDSType;
+    nzSplit: boolean;
+    nzNoResult?: string | TemplateRef<void>;
+    nzListFooterComponent: NzListFooterComponent;
+    nzListPaginationComponent: NzListPaginationComponent;
+    nzListLoadMoreDirective: NzListLoadMoreDirective;
+    hasSomethingAfterLastItem: boolean;
+    dir: Direction;
+    private itemLayoutNotifySource;
+    get itemLayoutNotify$(): Observable<NzDirectionVHType>;
+    constructor();
+    ngOnInit(): void;
+    getSomethingAfterLastItem(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzListComponent, "nz-list, [nz-list]", ["nzList"], { "nzDataSource": { "alias": "nzDataSource"; "required": false; }; "nzBordered": { "alias": "nzBordered"; "required": false; }; "nzGrid": { "alias": "nzGrid"; "required": false; }; "nzHeader": { "alias": "nzHeader"; "required": false; }; "nzFooter": { "alias": "nzFooter"; "required": false; }; "nzItemLayout": { "alias": "nzItemLayout"; "required": false; }; "nzRenderItem": { "alias": "nzRenderItem"; "required": false; }; "nzLoading": { "alias": "nzLoading"; "required": false; }; "nzLoadMore": { "alias": "nzLoadMore"; "required": false; }; "nzPagination": { "alias": "nzPagination"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzSplit": { "alias": "nzSplit"; "required": false; }; "nzNoResult": { "alias": "nzNoResult"; "required": false; }; }, {}, ["nzListFooterComponent", "nzListPaginationComponent", "nzListLoadMoreDirective"], ["nz-list-header", "*", "nz-list-footer, [nz-list-footer]", "nz-list-load-more, [nz-list-load-more]", "nz-list-pagination, [nz-list-pagination]"], true, never>;
+    static ngAcceptInputType_nzBordered: unknown;
+    static ngAcceptInputType_nzLoading: unknown;
+    static ngAcceptInputType_nzSplit: unknown;
+}
+
+declare class NzListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzListModule, never, [typeof NzListComponent, typeof NzListHeaderComponent, typeof NzListFooterComponent, typeof NzListPaginationComponent, typeof NzListEmptyComponent, typeof NzListItemComponent, typeof NzListItemMetaComponent, typeof NzListItemMetaTitleComponent, typeof NzListItemMetaDescriptionComponent, typeof NzListItemMetaAvatarComponent, typeof NzListItemActionsComponent, typeof NzListItemActionComponent, typeof NzListItemExtraComponent, typeof NzListLoadMoreDirective, typeof NzListGridDirective], [typeof NzListComponent, typeof NzListHeaderComponent, typeof NzListFooterComponent, typeof NzListPaginationComponent, typeof NzListEmptyComponent, typeof NzListItemComponent, typeof NzListItemMetaComponent, typeof NzListItemMetaTitleComponent, typeof NzListItemMetaDescriptionComponent, typeof NzListItemMetaAvatarComponent, typeof NzListItemActionsComponent, typeof NzListItemActionComponent, typeof NzListItemExtraComponent, typeof NzListLoadMoreDirective, typeof NzListGridDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzListModule>;
+}
+
+export { NzListComponent, NzListEmptyComponent, NzListFooterComponent, NzListGridDirective, NzListHeaderComponent, NzListItemActionComponent, NzListItemActionsComponent, NzListItemComponent, NzListItemExtraComponent, NzListItemMetaAvatarComponent, NzListItemMetaComponent, NzListItemMetaDescriptionComponent, NzListItemMetaTitleComponent, NzListLoadMoreDirective, NzListModule, NzListPaginationComponent };
+export type { ColumnCount, NzListGrid };

node_modules/ng-zorro-antd/list/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/ng-zorro-antd-list.mjs"
+}

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

@@ -0,0 +1,44 @@
+@import '../../style/themes/index';
+
+.@{list-prefix-cls}-bordered {
+  border: 1px solid @border-color-base;
+  border-radius: @border-radius-base;
+  .@{list-prefix-cls}-header {
+    padding-right: @padding-lg;
+    padding-left: @padding-lg;
+  }
+
+  .@{list-prefix-cls}-footer {
+    padding-right: @padding-lg;
+    padding-left: @padding-lg;
+  }
+
+  .@{list-prefix-cls}-item {
+    padding-right: @padding-lg;
+    padding-left: @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;
+    }
+  }
+}

node_modules/ng-zorro-antd/list/style/customize.less

@@ -0,0 +1,13 @@
+@import '../../style/themes/index';
+
+@list-prefix-cls: ~'@{ant-prefix}-list';
+@card-prefix-cls: ~'@{ant-prefix}-card';
+
+.@{list-prefix-cls} {
+  // =================== Dard Hook Components ===================
+  .@{card-prefix-cls} {
+    & when (@theme = dark) {
+      background: @list-customize-card-bg;
+    }
+  }
+}

node_modules/ng-zorro-antd/list/style/entry.less

@@ -0,0 +1,6 @@
+@import './index.less';
+@import '../../empty/style/entry.less';
+@import '../../spin/style/entry.less';
+@import '../../pagination/style/entry.less';
+@import '../../grid/style/entry.less';
+@import "./patch";

node_modules/ng-zorro-antd/list/style/index.less

@@ -0,0 +1,249 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './customize.less';
+
+@list-prefix-cls: ~'@{ant-prefix}-list';
+
+.@{list-prefix-cls} {
+  .reset-component();
+
+  position: relative;
+
+  * {
+    outline: none;
+  }
+
+  &-pagination {
+    margin-top: @margin-lg;
+    text-align: right;
+
+    // https://github.com/ant-design/ant-design/issues/20037
+    .@{ant-prefix}-pagination-options {
+      text-align: left;
+    }
+  }
+
+  &-more {
+    margin-top: @margin-sm;
+    text-align: center;
+
+    button {
+      padding-right: 32px;
+      padding-left: 32px;
+    }
+  }
+
+  &-spin {
+    min-height: 40px;
+    text-align: center;
+  }
+
+  &-empty-text {
+    padding: @list-empty-text-padding;
+    color: @disabled-color;
+    font-size: @font-size-base;
+    text-align: center;
+  }
+
+  &-items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: @list-item-padding;
+    color: @text-color;
+
+    &-meta {
+      display: flex;
+      flex: 1;
+      align-items: flex-start;
+      max-width: 100%;
+
+      &-avatar {
+        margin-right: @list-item-meta-avatar-margin-right;
+      }
+
+      &-content {
+        flex: 1 0;
+        width: 0;
+        color: @text-color;
+      }
+
+      &-title {
+        margin-bottom: 4px;
+        color: @text-color;
+        font-size: @font-size-base;
+        line-height: @line-height-base;
+
+        > a {
+          color: @text-color;
+          transition: all 0.3s;
+
+          &:hover {
+            color: @primary-color;
+          }
+        }
+      }
+
+      &-description {
+        color: @text-color-secondary;
+        font-size: @list-item-meta-description-font-size;
+        line-height: @line-height-base;
+      }
+    }
+
+    &-action {
+      flex: 0 0 auto;
+      margin-left: 48px;
+      padding: 0;
+      font-size: 0;
+      list-style: none;
+
+      & > li {
+        position: relative;
+        display: inline-block;
+        padding: 0 @padding-xs;
+        color: @text-color-secondary;
+        font-size: @font-size-base;
+        line-height: @line-height-base;
+        text-align: center;
+
+        &:first-child {
+          padding-left: 0;
+        }
+      }
+
+      &-split {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        width: 1px;
+        height: 14px;
+        margin-top: -7px;
+        background-color: @border-color-split;
+      }
+    }
+  }
+
+  &-header {
+    background: @list-header-background;
+  }
+
+  &-footer {
+    background: @list-footer-background;
+  }
+
+  &-header,
+  &-footer {
+    padding-top: @padding-sm;
+    padding-bottom: @padding-sm;
+  }
+
+  &-empty {
+    padding: @padding-md 0;
+    color: @text-color-secondary;
+    font-size: 12px;
+    text-align: center;
+  }
+
+  &-split &-item {
+    border-bottom: 1px solid @border-color-split;
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &-split &-header {
+    border-bottom: 1px solid @border-color-split;
+  }
+
+  &-split&-empty &-footer {
+    border-top: 1px solid @border-color-split;
+  }
+
+  &-loading &-spin-nested-loading {
+    min-height: 32px;
+  }
+
+  &-split&-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {
+    border-bottom: 1px solid @border-color-split;
+  }
+
+  &-lg &-item {
+    padding: @list-item-padding-lg;
+  }
+
+  &-sm &-item {
+    padding: @list-item-padding-sm;
+  }
+
+  &-vertical &-item {
+    align-items: initial;
+
+    &-main {
+      display: block;
+      flex: 1;
+    }
+
+    &-extra {
+      margin-left: 40px;
+    }
+
+    &-meta {
+      margin-bottom: @list-item-meta-margin-bottom;
+
+      &-title {
+        margin-bottom: @list-item-meta-title-margin-bottom;
+        color: @heading-color;
+        font-size: @font-size-lg;
+        line-height: 24px;
+      }
+    }
+
+    &-action {
+      margin-top: @padding-md;
+      margin-left: auto;
+
+      > li {
+        padding: 0 @padding-md;
+
+        &:first-child {
+          padding-left: 0;
+        }
+      }
+    }
+  }
+
+  &-grid .@{ant-prefix}-col > &-item {
+    display: block;
+    max-width: 100%;
+    margin-bottom: @margin-md;
+    padding-top: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+  }
+
+  // ============================ without flex ============================
+  &-item-no-flex {
+    display: block;
+  }
+
+  // Horizontal
+  &:not(.@{list-prefix-cls}-vertical) {
+    .@{list-prefix-cls}-item-no-flex {
+      .@{list-prefix-cls}-item-action {
+        float: right;
+      }
+    }
+  }
+}
+
+@import './bordered';
+@import './responsive';
+@import './rtl';

node_modules/ng-zorro-antd/list/style/patch.less

@@ -0,0 +1,9 @@
+nz-list,
+nz-list nz-spin,
+nz-list-header,
+nz-list-footer,
+nz-list-pagination,
+nz-list-empty,
+nz-list-item-extra {
+  display: block;
+}

node_modules/ng-zorro-antd/list/style/responsive.less

@@ -0,0 +1,43 @@
+@media screen and (max-width: @screen-md) {
+  .@{list-prefix-cls} {
+    &-item {
+      &-action {
+        margin-left: 24px;
+      }
+    }
+  }
+
+  .@{list-prefix-cls}-vertical {
+    .@{list-prefix-cls}-item {
+      &-extra {
+        margin-left: 24px;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: @screen-sm) {
+  .@{list-prefix-cls} {
+    &-item {
+      flex-wrap: wrap;
+
+      &-action {
+        margin-left: 12px;
+      }
+    }
+  }
+
+  .@{list-prefix-cls}-vertical {
+    .@{list-prefix-cls}-item {
+      flex-wrap: wrap-reverse;
+
+      &-main {
+        min-width: 220px;
+      }
+
+      &-extra {
+        margin: auto auto 16px;
+      }
+    }
+  }
+}

node_modules/ng-zorro-antd/list/style/rtl.less

@@ -0,0 +1,139 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './customize.less';
+
+@list-prefix-cls: ~'@{ant-prefix}-list';
+
+.@{list-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+    text-align: right;
+
+    // fix for virtual scroll style attribute > (direction:ltr)
+    .ReactVirtualized__List .@{list-prefix-cls}-item {
+      direction: rtl;
+    }
+  }
+
+  &-pagination {
+    .@{list-prefix-cls}-rtl & {
+      text-align: left;
+    }
+  }
+
+  &-item {
+    &-meta {
+      &-avatar {
+        .@{list-prefix-cls}-rtl & {
+          margin-right: 0;
+          margin-left: @list-item-meta-avatar-margin-right;
+        }
+      }
+    }
+
+    &-action {
+      .@{list-prefix-cls}-rtl & {
+        margin-right: 48px;
+        margin-left: 0;
+      }
+
+      & > li:first-child {
+        .@{list-prefix-cls}.@{list-prefix-cls}-rtl & {
+          padding-right: 0;
+          padding-left: @padding-md;
+        }
+      }
+
+      &-split {
+        .@{list-prefix-cls}-rtl & {
+          right: auto;
+          left: 0;
+        }
+      }
+    }
+  }
+
+  &-vertical &-item {
+    &-extra {
+      .@{list-prefix-cls}-rtl& {
+        margin-right: 40px;
+        margin-left: 0;
+      }
+    }
+
+    &-action {
+      .@{list-prefix-cls}-rtl& {
+        margin-right: auto;
+      }
+
+      > li {
+        &:first-child {
+          .@{list-prefix-cls}-rtl & {
+            padding-right: 0;
+            padding-left: @padding-md;
+          }
+        }
+      }
+    }
+  }
+
+  // Horizontal
+  &:not(.@{list-prefix-cls}-vertical) {
+    .@{list-prefix-cls}-item-no-flex {
+      .@{list-prefix-cls}-item-action {
+        .@{list-prefix-cls}-rtl & {
+          float: left;
+        }
+      }
+    }
+  }
+}
+
+// responsive
+@media screen and (max-width: @screen-md) {
+  .@{list-prefix-cls} {
+    &-item {
+      &-action {
+        .@{list-prefix-cls}-rtl & {
+          margin-right: 24px;
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  .@{list-prefix-cls}-vertical {
+    .@{list-prefix-cls}-item {
+      &-extra {
+        .@{list-prefix-cls}-rtl & {
+          margin-right: 24px;
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: @screen-sm) {
+  .@{list-prefix-cls} {
+    &-item {
+      &-action {
+        .@{list-prefix-cls}-rtl & {
+          margin-right: 22px;
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  .@{list-prefix-cls}-vertical {
+    .@{list-prefix-cls}-item {
+      &-extra {
+        // to override margins on rtl view
+        .@{list-prefix-cls}-rtl& {
+          margin: auto auto 16px;
+        }
+      }
+    }
+  }
+}