File "_links.scss"

Full Path: /home/romayxjt/public_html/wp-content/themes/kadence/assets/css/src/_links.scss
File size: 2.13 KB
MIME-type: text/plain
Charset: utf-8

a {
  color: var(--global-palette-highlight);
  transition: all 0.1s linear;
}
a:hover,
a:focus,
a:active {
  color: var(--global-palette-highlight-alt);
}
a:hover,
a:active {
  outline: 0;
}
.inner-link-style-plain a:not(.button),
.widget-area.inner-link-style-plain a:not(.button) {
  text-decoration: none;
}
.inner-link-style-normal a:not(.button),
.widget-area.inner-link-style-normal a:not(.button) {
  text-decoration: underline;
}
.link-style-no-underline .entry-content {
  p > a,
  strong > a,
  em > a,
  > ul a,
  a {
    text-decoration: none;
    &:hover {
      text-decoration: none;
    }
  }
}
.link-style-color-underline .entry-content {
  p a,
  strong > a,
  em > a,
  > ul a,
  > ol a,
  .wp-block-group ul a,
  .wp-block-group ol a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--global-palette-highlight);
    &:hover {
      text-decoration-color: var(--global-palette-highlight-alt);
    }
  }
}
.link-style-hover-background .entry-content {
  p a,
  strong > a,
  em > a,
  > ul a,
  > ol a,
  .wp-block-group ul a,
  .wp-block-group ol a {
    color: var(--global-palette-highlight);
    text-decoration: none;
    background-image: linear-gradient(
      var(--global-palette-highlight),
      var(--global-palette-highlight)
    );
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    &:hover {
      color: var(--global-palette-highlight-alt2);
      text-decoration: none;
      background-size: 100% 100%;
    }
  }
}
.link-style-offset-background .entry-content {
  p a,
  strong > a,
  em > a,
  > ul a,
  > ol a,
  .wp-block-group ul a,
  .wp-block-group ol a {
    color: inherit;
    text-decoration: none;
    background-image: linear-gradient(
      var(--global-palette-highlight-alt2),
      var(--global-palette-highlight)
    );
    background-repeat: no-repeat;
    background-position: 4px bottom;
    background-size: 100% 10px;
    &:hover {
      color: inherit;
      text-decoration: none;
      background-image: linear-gradient(
        var(--global-palette-highlight-alt2),
        var(--global-palette-highlight-alt)
      );
    }
  }
}