@rtech-public/astro-fluid-design
v0.0.1-rc.1
Published
An Astro Component for integration with Fluid Design System [utopia]
Downloads
2
Maintainers
rolginromanReadme
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>