acud/es/anchor/style/rtl.less

acg react 组件库

.@{acud-prefix}-anchor {
  &-rtl {
    direction: rtl;
  }

  &-wrapper {
    .@{acud-prefix}-anchor-rtl& {
      margin-right: -4px;
      margin-left: 0;
      padding-right: 4px;
      padding-left: 0;
    }
  }

  &-ink {
    .@{acud-prefix}-anchor-rtl & {
      right: 0;
      left: auto;
    }

    &-ball {
      .@{acud-prefix}-anchor-rtl & {
        right: 50%;
        left: 0;
        transform: translateX(50%);
      }
    }
  }

  &-link {
    .@{acud-prefix}-anchor-rtl & {
      padding: @anchor-link-top @anchor-link-left @anchor-link-top 0;
    }
  }
}