Sha256: f35065630a9bb6a3bd740a8c58a9dafd68f4c2e266e6875e60ff726e51fb0707

Contents?: true

Size: 866 Bytes

Versions: 8

Compression:

Stored size: 866 Bytes

Contents

.link-mktg {
  position: relative;
  display: inline-block;

  &:hover {
    text-decoration: none;
  }

  &::after,
  &.link-emphasis-mktg::before {
    position: absolute;
    bottom: -0.15em;
    left: 0;
    width: calc(100% - 1em);
    height: 2px;
    pointer-events: none;
    content: '';
    // stylelint-disable-next-line primer/colors
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: 0 0;

    @media screen and (prefers-reduced-motion: no-preference) {
      transition: transform 0.3s ease;
    }
  }

  &.link-emphasis-mktg::before {
    opacity: 0.2;
    transform: scaleX(1);
  }

  &:hover,
  &:active {
    &::after {
      transform: scaleX(1);
    }
  }

  &:focus,
  &:focus-visible {
    outline-offset: 2px;
  }

  &.arrow-target-mktg {
    .arrow-symbol-mktg {
      margin-left: -$em-spacer-3;
    }
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
jekyll-v4-theme-primer-0.16.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.15.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.14.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.13.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.12.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.11.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.10.0 _sass/@primer/css/marketing/links/link.scss
jekyll-v4-theme-primer-0.9.0 _sass/@primer/css/marketing/links/link.scss