$fa-font-path: '/assets/webfonts';
@import '@fortawesome/fontawesome-pro/scss/solid';
@import '../../../../icons/styles/core';

a[target="_blank"] {
  &::after {
    font: var(--fa-font-solid);
    @extend .fa-solid;
    content: fa-content('\\' + get-icon-unicode($icons, 'icon-external-link'));
    margin-left: .125rem;
    opacity: .5;
  }

  &.is-map-link {
    &::after {
      content: fa-content('\\' + get-icon-unicode($icons, 'icon-map-marker-alt'));
    }
  }

  &.is-file-link {
    &::after {
      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-download'));
    }
  }

  &.is-image-link {
    &::after {
      content: fa-content('\\' + get-icon-unicode($icons, 'icon-file-image'));
    }
  }
}

.hide-external-link-icon {
  &[target="_blank"]::after,
  [target="_blank"]::after {
    content: '' !important;
  }
}