ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(css): add framework-agnostic design system

Browse source
This commit is contained in:
Dax Raad 2026-07-22 13:49:01 +00:00
commit c251ead206
23 changed files with 1285 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
packages/css/components/surface.css Normal file
View file

@ -0,0 +1,38 @@
[data-component="surface"] {
overflow: hidden;
border: 1px solid var(--oc-border-muted);
border-radius: 12px;
background: var(--oc-bg-layer-01);
box-shadow: var(--oc-elevation-raised);
}
[data-component="surface"][data-variant="flat"] {
box-shadow: none;
}
[data-component="surface"] [data-slot="surface-header"] {
padding: 24px 24px 16px;
}
[data-component="surface"] [data-slot="surface-title"] {
margin: 0;
color: var(--oc-text-base);
font-size: 16px;
font-weight: 530;
line-height: 1.25;
letter-spacing: -0.01em;
}
[data-component="surface"] [data-slot="surface-description"] {
margin: 6px 0 0;
color: var(--oc-text-muted);
font-size: 13px;
}
[data-component="surface"] [data-slot="surface-content"] {
padding: 0 24px 24px;
}
[data-component="surface"][data-padding="none"] [data-slot="surface-content"] {
padding: 0;
}