backend Create the foundational structure for managing design-system CSS with co-located sources and semantic tokens: - Add `cmd/buildstyles` to concatenate ordered CSS sources into a single shipped stylesheet - Define semantic color and effect tokens in `internal/web/ui/base.css` - Move primitive and catalog CSS sources from `static/css/` to co-located locations under `internal/web/ui/` - Update test contract to verify token presence and proper stylesheet generation - Regenerate `static/styles.css` with new semantic token layer and source annotations
48 lines
469 B
CSS
48 lines
469 B
CSS
.ui-space-x {
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.ui-space-y {
|
|
display: block;
|
|
}
|
|
|
|
.ui-space-x-xs {
|
|
width: 0.25rem;
|
|
}
|
|
|
|
.ui-space-x-sm {
|
|
width: 0.5rem;
|
|
}
|
|
|
|
.ui-space-x-md {
|
|
width: 0.75rem;
|
|
}
|
|
|
|
.ui-space-x-lg {
|
|
width: 1rem;
|
|
}
|
|
|
|
.ui-space-x-xl {
|
|
width: 1.5rem;
|
|
}
|
|
|
|
.ui-space-y-xs {
|
|
height: 0.25rem;
|
|
}
|
|
|
|
.ui-space-y-sm {
|
|
height: 0.5rem;
|
|
}
|
|
|
|
.ui-space-y-md {
|
|
height: 0.75rem;
|
|
}
|
|
|
|
.ui-space-y-lg {
|
|
height: 1rem;
|
|
}
|
|
|
|
.ui-space-y-xl {
|
|
height: 1.5rem;
|
|
}
|