ng-zorro-antd/pagination/style/rtl.less

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

@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';

@pagination-prefix-cls: ~'@{ant-prefix}-pagination';

.@{pagination-prefix-cls}-rtl {
  .@{pagination-prefix-cls}-total-text {
    margin-right: 0;
    margin-left: 8px;
  }

  .@{pagination-prefix-cls}-item,
  .@{pagination-prefix-cls}-prev,
  .@{pagination-prefix-cls}-jump-prev,
  .@{pagination-prefix-cls}-jump-next {
    margin-right: 0;
    margin-left: 8px;
  }

  .@{pagination-prefix-cls}-slash {
    margin: 0 5px 0 10px;
  }

  .@{pagination-prefix-cls}-options {
    margin-right: 16px;
    margin-left: 0;

    .@{pagination-prefix-cls}-options-size-changer.@{ant-prefix}-select {
      margin-right: 0;
      margin-left: 8px;
    }

    .@{pagination-prefix-cls}-options-quick-jumper {
      margin-left: 0;
    }
  }

  &.@{pagination-prefix-cls}-simple {
    .@{pagination-prefix-cls}-simple-pager {
      margin-right: 0;
      margin-left: 8px;

      input {
        margin-right: 0;
        margin-left: 8px;
      }
    }
  }

  &.@{pagination-prefix-cls}.mini .@{pagination-prefix-cls}-options {
    margin-right: 2px;
    margin-left: 0;
  }
}