# Fluid Font Size Generator A VS Code extension that generates fluid typography CSS variables from breakpoint and font-size settings. ## Commands - `Fluid Typography: Generate CSS From File` - `Fluid Typography: Generate CSS From Selection` - `Fluid Typography: Open Generator` ## Input Format ```plain CSS: tailwind Round: yes, 2px Low: 360px High: 1920px text-14px: 12px-14px text-16px: 14px-16px ``` `CSS` can be `tailwind` or `vanilla`. Tailwind emits an `@theme static` block; vanilla emits `:root`. `Round` can be `yes, 2px` or `no`. When enabled, generated values use `round(down, clamp(...), value)`. ## Settings These settings work globally or per workspace: - `fluidTypography.cssMode` - `fluidTypography.round.enabled` - `fluidTypography.round.value` - `fluidTypography.breakpoints.low` - `fluidTypography.breakpoints.high`