Files
ISA-Frontend/libs/ui/buttons/src/lib/text-button.component.scss

56 lines
1013 B
SCSS

.ui-text-button {
@apply font-sans;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
font-style: normal;
font-weight: 700;
cursor: pointer;
}
.ui-text-button__strong {
@apply text-isa-accent-blue;
&:hover {
@apply text-isa-secondary-500;
}
}
.ui-text-button__subtle {
@apply text-isa-neutral-900;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
&:hover {
@apply text-isa-neutral-700;
}
}
.ui-text-button:disabled,
.ui-text-button[disabled],
.ui-text-button.disabled {
@apply text-isa-neutral-400 cursor-default;
}
.ui-text-button__small {
font-size: 0.75rem;
line-height: 1rem; /* 133.333% */
}
.ui-text-button__medium {
font-size: 0.875rem;
line-height: 1.25rem; /* 142.857% */
}
.ui-text-button__large {
font-size: 1rem;
line-height: 1.5rem; /* 150% */
}