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

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