diff options
| author | Adam <[email protected]> | 2026-02-02 11:46:25 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-02-02 14:24:24 -0600 |
| commit | 70cf609ce90a7534349c8dd5ed8441cbd32ebba7 (patch) | |
| tree | 4dbf2be3e1928c3c4414fe3397eaf90d076d0c63 /packages/ui/src/components/button.css | |
| parent | 2f76b49df3cfd316069a2b5c292fed369acadbde (diff) | |
| download | opencode-70cf609ce90a7534349c8dd5ed8441cbd32ebba7.tar.gz opencode-70cf609ce90a7534349c8dd5ed8441cbd32ebba7.zip | |
Revert "feat(ui): Select, dropdown, popover styles & transitions (#11675)"
This reverts commit 377bf7ff21a4f05807c38675ac70cd08fe67b516.
Diffstat (limited to 'packages/ui/src/components/button.css')
| -rw-r--r-- | packages/ui/src/components/button.css | 26 |
1 files changed, 11 insertions, 15 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index afff0c476..d9b345923 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -9,13 +9,7 @@ user-select: none; cursor: default; outline: none; - padding: 4px 8px; white-space: nowrap; - transition-property: background-color, border-color, color, box-shadow, opacity; - transition-duration: var(--transition-duration); - transition-timing-function: var(--transition-easing); - outline: none; - line-height: 20px; &[data-variant="primary"] { background-color: var(--button-primary-base); @@ -100,6 +94,7 @@ &:active:not(:disabled) { background-color: var(--button-secondary-base); scale: 0.99; + transition: all 150ms ease-out; } &:disabled { border-color: var(--border-disabled); @@ -115,32 +110,33 @@ &[data-size="small"] { height: 22px; - padding: 4px 8px; + padding: 0 8px; &[data-icon] { - padding: 4px 12px 4px 4px; + padding: 0 12px 0 4px; } + font-size: var(--font-size-small); + line-height: var(--line-height-large); gap: 4px; /* text-12-medium */ font-family: var(--font-family-sans); - font-size: var(--font-size-base); + font-size: var(--font-size-small); font-style: normal; font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); /* 166.667% */ letter-spacing: var(--letter-spacing-normal); } &[data-size="normal"] { height: 24px; - padding: 4px 6px; + line-height: 24px; + padding: 0 6px; &[data-icon] { - padding: 4px 12px 4px 4px; - } - - &[aria-haspopup] { - padding: 4px 6px 4px 8px; + padding: 0 12px 0 4px; } + font-size: var(--font-size-small); gap: 6px; /* text-12-medium */ |