Files
defgov/packages/css/src/recipes/inlineSizeRecipe.ts
T
2026-06-23 00:44:16 +08:00

21 lines
694 B
TypeScript

import { cvr } from "../utils/cvr";
export const inlineSizeRecipe = cvr({
base: "display--flex flex--nowrap justify--center items--center",
variants: {
size: {
xs: "text--xs font-weight--xs h--inline-xs gap--xs",
sm: "text--sm font-weight--sm h--inline-sm gap--sm",
md: "text--md font-weight--md h--inline-md gap--md",
lg: "text--lg font-weight--lg h--inline-lg gap--lg",
xl: "text--xl font-weight--xl h--inline-xl gap--xl",
"2xl": "text--2xl font-weight--2xl h--inline-2xl gap--2xl",
"3xl": "text--3xl font-weight--3xl h--inline-3xl gap--3xl",
},
shape: {
square: "rounded--none",
circle: "rounded--full",
},
},
});