mirror of
https://github.com/aljazceru/opencode.git
synced 2025-12-23 18:54:21 +01:00
wip: replace hardcoded spacing and font values with design tokens
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.1875rem;
|
||||
text-underline-offset: var(--space-0-75);
|
||||
}
|
||||
|
||||
background: var(--color-bg);
|
||||
@@ -54,13 +54,8 @@
|
||||
text-decoration: underline;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-underline-offset: 0.1875rem;
|
||||
text-underline-offset: var(--space-0-75);
|
||||
border-right: 2px solid var(--color-border);
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
[data-slot="right"] {
|
||||
@@ -68,7 +63,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.625rem;
|
||||
gap: var(--space-2-5);
|
||||
padding: 0 var(--space-6);
|
||||
}
|
||||
|
||||
@@ -78,7 +73,7 @@
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
color: var(--color-text-secondary);
|
||||
font-size: 1.125rem;
|
||||
font-size: var(--font-size-lg);
|
||||
font-family: var(--font-mono);
|
||||
gap: var(--space-2);
|
||||
}
|
||||
@@ -141,7 +136,8 @@
|
||||
align-items: start;
|
||||
gap: var(--space-3);
|
||||
|
||||
&:nth-child(1) {}
|
||||
&:nth-child(1) {
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
border-left: 2px solid var(--color-border);
|
||||
@@ -221,8 +217,8 @@
|
||||
[data-component="copy-status"] {
|
||||
[data-slot="copy"] {
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: var(--space-4);
|
||||
height: var(--space-4);
|
||||
color: var(--color-text-dimmed);
|
||||
|
||||
[data-copied] & {
|
||||
@@ -232,8 +228,8 @@
|
||||
|
||||
[data-slot="check"] {
|
||||
display: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: var(--space-4);
|
||||
height: var(--space-4);
|
||||
color: white;
|
||||
|
||||
[data-copied] & {
|
||||
|
||||
@@ -2,6 +2,7 @@ body {
|
||||
--space-0: 0;
|
||||
--space-px: 1px;
|
||||
--space-0-5: 0.125rem;
|
||||
--space-0-75: 0.1875rem;
|
||||
--space-1: 0.25rem;
|
||||
--space-1-5: 0.375rem;
|
||||
--space-2: 0.5rem;
|
||||
|
||||
Reference in New Issue
Block a user