0.0.1-rc.1 • Published 9 months ago
@rtech-public/astro-fluid-design v0.0.1-rc.1
Astro Fluid Design
Integration project that enables using Utopia fluid design system
Easy use:
<head>
<AstroFluidDesign />
</head>
It this case only default config will be applied according to type face configuration
Custom configuration for the fluid typeface and spacing
---
const fluidConfig = {
minViewport: {
width: 320,
fontSize: 34,
typeScale: 'minor-third'
},
maxViewport: {
width: 1400,
fontSize: 52,
typeScale: 'major-third',
}
};
---
<head>
<AstroFluidDesign config="{fluidConfig}" />
</head>
0.0.1-rc.1
9 months ago