summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/button.css
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2025-11-10 13:44:12 +0000
committerDavid Hill <[email protected]>2025-11-10 13:44:12 +0000
commitc6e830c954418808dc39284a1c073aa63a6d4d21 (patch)
tree9c3052e0509115188768a553c0be5a8441ebdd96 /packages/ui/src/components/button.css
parent7088bfabd773e2f076aab1c9d2468c04feff0570 (diff)
parentfc78c28df64383a9f99382093f61fc28caf6569f (diff)
downloadopencode-c6e830c954418808dc39284a1c073aa63a6d4d21.tar.gz
opencode-c6e830c954418808dc39284a1c073aa63a6d4d21.zip
Merge branch 'dev' of https://github.com/sst/opencode into dev
Diffstat (limited to 'packages/ui/src/components/button.css')
-rw-r--r--packages/ui/src/components/button.css19
1 files changed, 10 insertions, 9 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index 88511e011..80ded60fd 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -7,6 +7,7 @@
border-radius: 6px;
text-decoration: none;
user-select: none;
+ cursor: default;
outline: none;
&[data-variant="primary"] {
@@ -66,27 +67,26 @@
color: var(--text-strong);
&:hover:not(:disabled) {
- background-color: var(--surface-hover);
+ background-color: var(--button-ghost-hover);
}
&:active:not(:disabled) {
- border-color: var(--border-active);
- background-color: var(--surface-active);
+ background-color: var(--button-ghost-hover-2);
}
&:focus:not(:disabled) {
- border-color: var(--border-focus);
- background-color: var(--surface-focus);
+ background-color: var(--button-ghost-hover);
}
}
&[data-size="normal"] {
+ height: 24px;
padding: 0 6px;
&[data-icon] {
- padding: 0 6px 0 4px;
+ padding: 0 8px 0 6px;
}
font-size: var(--font-size-small);
line-height: var(--line-height-large);
- gap: calc(var(--spacing) * 0.5);
+ gap: 6px;
}
&[data-size="large"] {
@@ -99,11 +99,12 @@
gap: 8px;
+ /* 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); /* 171.429% */
+ line-height: var(--line-height-large); /* 166.667% */
letter-spacing: var(--letter-spacing-normal);
}