@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
98 lines (76 loc) • 2.53 kB
CSS
.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));
}