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

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

.@{pagination-prefix-cls} {
  &-rtl {
    direction: rtl;
  }

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

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

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

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

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

    &-size-changer.@{mk-prefix}-select {
      .@{pagination-prefix-cls}-rtl & {
        margin-right: 0;
        margin-left: 8px;
      }
    }
  }

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

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

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