UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

98 lines (76 loc) 2.53 kB
.spectrum-Link { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out; outline: none; } .spectrum-Link:hover { text-decoration: underline; } .spectrum-Link.focus-ring { text-decoration: underline; } .spectrum-Link.focus-ring { text-decoration: underline; -webkit-text-decoration-style: double; text-decoration-style: double; } .spectrum-Link.is-disabled { cursor: default; pointer-events: none; } .spectrum-Link.is-disabled:hover, .spectrum-Link.is-disabled:focus { text-decoration: none; } .spectrum-Link--subtle, /** @deprecated */.spectrum-Link--quiet { text-decoration: underline; } .spectrum-Link--overBackground { text-decoration: underline; } .spectrum-Link { color: var(--spectrum-link-text-color, var(--spectrum-global-color-blue-600)); } .spectrum-Link:hover { color: var(--spectrum-link-text-color-hover, var(--spectrum-global-color-blue-600)); } .spectrum-Link:active { color: var(--spectrum-link-text-color-down, var(--spectrum-global-color-blue-700)); } .spectrum-Link.focus-ring { color: var(--spectrum-link-text-color-key-focus, var(--spectrum-alias-text-color-key-focus)); } .spectrum-Link.is-disabled { color: var(--spectrum-link-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .spectrum-Link--quiet, /** @deprecated */.spectrum-Link--subtle { color: inherit; } .spectrum-Link--quiet:hover, .spectrum-Link--subtle:hover { color: inherit; } .spectrum-Link--quiet:active, .spectrum-Link--subtle:active { color: inherit; } .spectrum-Link--quiet:focus, .spectrum-Link--subtle:focus { color: inherit; } .spectrum-Link--overBackground { color: var(--spectrum-link-over-background-text-color, var(--spectrum-global-color-static-white)); } .spectrum-Link--overBackground:hover { color: var(--spectrum-link-over-background-text-color-hover, var(--spectrum-global-color-static-white)); } .spectrum-Link--overBackground:active { color: var(--spectrum-link-over-background-text-color-down, var(--spectrum-global-color-static-white)); } .spectrum-Link--overBackground:focus { color: var(--spectrum-link-over-background-text-color-key-focus, var(--spectrum-global-color-static-white)); } .spectrum-Link--overBackground.is-disabled { color: var(--spectrum-link-over-background-text-color-disabled, rgba(255,255,255,0.5)); }