Files
web/packages/design-system/lib/components/TextLink/textLink.module.css
Erik Tiekstra 6730575f7a feat(BOOK-113): Synced hover/focus states for buttons and added better examples to storybook
* fix(BOOK-113): Updated hover colors after blend/mix has been removed

Approved-by: Christel Westerberg
2025-12-03 10:45:34 +00:00

52 lines
878 B
CSS

.textLink {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--Space-x05);
padding: var(--Space-x025) 0;
&:focus-visible {
outline: 2px solid var(--Border-Interactive-Focus);
outline-offset: 2px;
}
}
.disabled {
color: var(--Text-Interactive-Disabled);
text-decoration: none;
cursor: default;
pointer-events: none;
}
.inline {
padding: 0;
}
.theme-primary:not(.disabled) {
color: var(--Text-Interactive-Secondary);
&:hover {
color: var(--Text-Interactive-Secondary-Hover);
}
}
.theme-inverted:not(.disabled) {
color: var(--Text-Inverted);
&:hover {
opacity: 0.7;
}
&:focus-visible {
outline-color: var(--Border-Inverted);
}
}
.theme-interactive-default:not(.disabled) {
color: var(--Text-Interactive-Default);
&:hover {
color: var(--Text-Interactive-Default-Hover);
}
}