Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
1.4 kB · 71 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172.button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; border: var(--border-width) solid transparent; border-radius: var(--radius-sm); font-weight: 700; line-height: 1; cursor: pointer; transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);}
.button:disabled { cursor: not-allowed; opacity: 0.48;}
.primary { border-color: var(--color-accent-strong); background: var(--color-accent); color: var(--color-ink);}
.primary:hover:not(:disabled) { background: var(--color-accent-hover);}
.secondary { border-color: var(--color-border-strong); background: var(--color-surface); color: var(--color-ink);}
.secondary:hover:not(:disabled) { background: var(--color-surface-muted);}
.ghost { background: transparent; color: var(--color-ink);}
.ghost:hover:not(:disabled) { background: var(--color-surface-muted);}
.small { min-height: 2rem; padding-inline: var(--space-3); font-size: var(--font-size-xs);}
.medium { min-height: 2.5rem; padding-inline: var(--space-4); font-size: var(--font-size-sm);}
.large { min-height: 3rem; padding-inline: var(--space-5); font-size: var(--font-size-md);}
.fullWidth { width: 100%;}