@adobe/coral-spectrum/coral-css-link/src/styles/index.css

Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.

/**
 * Copyright 2019 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
.coral-Link {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  transition: color 130ms ease-in-out;
  outline: none;
}
.coral-Link:hover {
    text-decoration: underline;
  }
.coral-Link.focus-ring {
    text-decoration: underline;
    -webkit-text-decoration-style: double;
            text-decoration-style: double;
  }
.coral-Link.is-disabled {
    cursor: default;
    pointer-events: none;
  }
.coral-Link.is-disabled:hover,
    .coral-Link.is-disabled:focus {
      text-decoration: none;
    }
.coral-Link--subtle,
.coral-Link--quiet,.coral-Link--overBackground {
  text-decoration: underline;
}

.coral--large .coral-Link {
  transition: color 130ms ease-in-out;
}

.coral--light .coral-Link {
  color: rgb(13, 102, 208);
}
.coral--light .coral-Link:hover {
    color: rgb(13, 102, 208);
  }
.coral--light .coral-Link:active {
    color: rgb(9, 90, 186);
  }
.coral--light .coral-Link.focus-ring {
    color: rgb(13, 102, 208);
  }
.coral--light .coral-Link.is-disabled {
    color: rgb(179, 179, 179);
  }
.coral--light .coral-Link--quiet,
.coral--light .coral-Link--subtle {
  color: inherit;
}
.coral--light .coral-Link--quiet:hover,
.coral--light .coral-Link--subtle:hover {
    color: inherit;
  }
.coral--light .coral-Link--quiet:active,
.coral--light .coral-Link--subtle:active {
    color: inherit;
  }
.coral--light .coral-Link--quiet:focus,
.coral--light .coral-Link--subtle:focus {
    color: inherit;
  }
.coral--light .coral-Link--overBackground {
  color: rgb(255, 255, 255);
}
.coral--light .coral-Link--overBackground:hover {
    color: rgb(255, 255, 255);
  }
.coral--light .coral-Link--overBackground:active {
    color: rgb(255, 255, 255);
  }
.coral--light .coral-Link--overBackground:focus {
    color: rgb(255, 255, 255);
  }
.coral--light .coral-Link--overBackground.is-disabled {
    color: rgba(255,255,255,0.5);
  }

.coral--lightest .coral-Link {
  color: rgb(20, 115, 230);
}
.coral--lightest .coral-Link:hover {
    color: rgb(20, 115, 230);
  }
.coral--lightest .coral-Link:active {
    color: rgb(13, 102, 208);
  }
.coral--lightest .coral-Link.focus-ring {
    color: rgb(20, 115, 230);
  }
.coral--lightest .coral-Link.is-disabled {
    color: rgb(188, 188, 188);
  }
.coral--lightest .coral-Link--quiet,
.coral--lightest .coral-Link--subtle {
  color: inherit;
}
.coral--lightest .coral-Link--quiet:hover,
.coral--lightest .coral-Link--subtle:hover {
    color: inherit;
  }
.coral--lightest .coral-Link--quiet:active,
.coral--lightest .coral-Link--subtle:active {
    color: inherit;
  }
.coral--lightest .coral-Link--quiet:focus,
.coral--lightest .coral-Link--subtle:focus {
    color: inherit;
  }
.coral--lightest .coral-Link--overBackground {
  color: rgb(255, 255, 255);
}
.coral--lightest .coral-Link--overBackground:hover {
    color: rgb(255, 255, 255);
  }
.coral--lightest .coral-Link--overBackground:active {
    color: rgb(255, 255, 255);
  }
.coral--lightest .coral-Link--overBackground:focus {
    color: rgb(255, 255, 255);
  }
.coral--lightest .coral-Link--overBackground.is-disabled {
    color: rgba(255,255,255,0.5);
  }

.coral--dark .coral-Link {
  color: rgb(75, 156, 245);
}
.coral--dark .coral-Link:hover {
    color: rgb(75, 156, 245);
  }
.coral--dark .coral-Link:active {
    color: rgb(90, 169, 250);
  }
.coral--dark .coral-Link.focus-ring {
    color: rgb(75, 156, 245);
  }
.coral--dark .coral-Link.is-disabled {
    color: rgb(110, 110, 110);
  }
.coral--dark .coral-Link--quiet,
.coral--dark .coral-Link--subtle {
  color: inherit;
}
.coral--dark .coral-Link--quiet:hover,
.coral--dark .coral-Link--subtle:hover {
    color: inherit;
  }
.coral--dark .coral-Link--quiet:active,
.coral--dark .coral-Link--subtle:active {
    color: inherit;
  }
.coral--dark .coral-Link--quiet:focus,
.coral--dark .coral-Link--subtle:focus {
    color: inherit;
  }
.coral--dark .coral-Link--overBackground {
  color: rgb(255, 255, 255);
}
.coral--dark .coral-Link--overBackground:hover {
    color: rgb(255, 255, 255);
  }
.coral--dark .coral-Link--overBackground:active {
    color: rgb(255, 255, 255);
  }
.coral--dark .coral-Link--overBackground:focus {
    color: rgb(255, 255, 255);
  }
.coral--dark .coral-Link--overBackground.is-disabled {
    color: rgba(255,255,255,0.5);
  }

.coral--darkest .coral-Link {
  color: rgb(55, 142, 240);
}
.coral--darkest .coral-Link:hover {
    color: rgb(55, 142, 240);
  }
.coral--darkest .coral-Link:active {
    color: rgb(75, 156, 245);
  }
.coral--darkest .coral-Link.focus-ring {
    color: rgb(55, 142, 240);
  }
.coral--darkest .coral-Link.is-disabled {
    color: rgb(92, 92, 92);
  }
.coral--darkest .coral-Link--quiet,
.coral--darkest .coral-Link--subtle {
  color: inherit;
}
.coral--darkest .coral-Link--quiet:hover,
.coral--darkest .coral-Link--subtle:hover {
    color: inherit;
  }
.coral--darkest .coral-Link--quiet:active,
.coral--darkest .coral-Link--subtle:active {
    color: inherit;
  }
.coral--darkest .coral-Link--quiet:focus,
.coral--darkest .coral-Link--subtle:focus {
    color: inherit;
  }
.coral--darkest .coral-Link--overBackground {
  color: rgb(255, 255, 255);
}
.coral--darkest .coral-Link--overBackground:hover {
    color: rgb(255, 255, 255);
  }
.coral--darkest .coral-Link--overBackground:active {
    color: rgb(255, 255, 255);
  }
.coral--darkest .coral-Link--overBackground:focus {
    color: rgb(255, 255, 255);
  }
.coral--darkest .coral-Link--overBackground.is-disabled {
    color: rgba(255,255,255,0.5);
  }