// "More" link
//
// Styles the "Read more…" and "Help" links common in Drupal.
//
// Markup: more-link.hbs
//
// Style guide: components.navigation.more-link

.more-link,
%more-link {
  text-align: right;

  @include rtl() {
    text-align: left;
  }

  &__help-icon {
    padding: 1px 0 1px 20px;
    background-image: inline-image('components/more-link/more-link__help-icon.png');
    @if support-legacy-browser(ie, '7') {
      *background-image: image-url('components/more-link/more-link__help-icon.png');
    }
    background-position: 0 50%;
    background-repeat: no-repeat;

    @include rtl() {
      padding: 1px 20px 1px 0;
      background-position: 100% 50%;
    }
  }
}

//
// Drupal selectors.
//

.more-help-link {
  @extend %more-link;

  a {
    @extend %more-link__help-icon;
  }
}
