fix: make sure of design system button and inherent typography props

This commit is contained in:
Christian Andolf
2025-05-09 09:54:55 +02:00
parent 7af4d3be1e
commit 485fddfa3d
3 changed files with 36 additions and 48 deletions
@@ -1,24 +1,10 @@
.button {
padding: var(--Space-x2) var(--Space-x15);
border-radius: var(--Corner-radius-md);
border: 0;
cursor: pointer;
background: var(--Surface-Brand-Primary-1-OnSurface-Default);
color: var(--Text-Brand-OnPrimary-3-Accent);
&:focus,
&:hover {
background:
linear-gradient(
0deg,
rgb(255 255 255 / 10%) 0%,
rgb(255 255 255 / 10%) 100%
),
var(--Surface-Brand-Primary-1-OnSurface-Default);
}
&:disabled {
background: var(--Surface-UI-Fill-Disabled);
color: var(--Text-Interactive-Disabled);
&:not(:disabled):hover {
color: var(--Text-Brand-OnPrimary-3-Accent);
}
}