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

@anchor-border-width: 2px;

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

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

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

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

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