Addon · Typographie

Du texte qui coule.

Tailles de police fluides avec trois modificateurs d'intensité : standard, réduit, extrême.

Trois modificateurs

Redimensionnez la fenêtre pour voir chaque modificateur scaler à un rythme différent.

.fs-72-px (statique) Aa

.fs-72 (fluide standard) Aa

.fs-72_ (réduit) Aa

.fs-72__ (extrême) Aa

Utiliser comme variable

font-size: var(--fs-36);
font-size: var(--fs-36_);
font-size: var(--fs-36__);

Utiliser comme classe utilitaire

<h1 class="fs-72">Headline</h1>
<p class="fs-16">Body</p>

Configurer l'échelle

@use 'eva-css-fluid' with (
  $font-sizes: (12, 16, 24, 36, 72)
);

Référence complète

Maths des modificateurs, constantes de calcul ($Φ, $ez) et chaque variable --fs-* dans une seule référence.