Quickstart

Démarrer en trois étapes.

Installer. Configurer. Builder. La référence complète vit dans un seul fichier markdown : /llms.txt.

Étape 1

Installer

npm install eva-css-fluid \
            eva-css-purge \
            eva-colors

Trois packages : le framework, le purger CSS et les utilitaires de couleurs OKLCH.

Étape 2

Configurer

// styles/main.scss
@use 'eva-css-fluid' with (
  $sizes: (4, 8, 16, 32, 64, 128),
  $font-sizes: (14, 16, 24, 36, 52),
  $build-class: true
);

Juste les tailles que vous utilisez vraiment. Les modificateurs ( _, __, -) sont générés automatiquement.

Étape 3

Builder

npx sass \
  --load-path=node_modules \
  styles/main.scss:styles/main.css

Sass natif fonctionne directement. Ou utilisez le script watch : npm run watch.

Commandes CLI

Deux CLI livrés avec le framework : conversion couleurs et purge CSS.

eva-color

npx eva-color convert "#ff0000"
npx eva-color palette "#ff0000" 7
npx eva-color theme my.json
npx eva-color contrast "#fff" "#000"

Conversion HEX-OKLCH et génération de thème.

eva-purge

npx eva-purge \
  --css styles/main.css \
  --content '**/*.html' \
  --output styles/min.css

Réduction CSS de 40-70 % sur les builds prod.

Adopter EVA dans votre projet

Du greenfield au retrofit — un seul guide.

Branchez EVA dans un projet neuf, à mi-chemin ou déjà livré. Le guide couvre les points d'entrée, le workflow audit px + fusion, l'aliasing de design tokens, les multi-thèmes et le mode sombre via .toggle-theme. La version LLM est dense et copiable dans Claude, ChatGPT ou Cursor.

Lire use-eva.md → Ouvrir use-eva-llm.md →

La référence complète

Toutes les variables, toutes les formules, tous les exemples — dans /llms.txt.

Ne lisez pas la documentation. Collez-la. Copiez /llms.txt dans Claude, ChatGPT ou Cursor — votre IA connaît maintenant EVA CSS par cœur et peut l'écrire pour vous.

Ouvrir /llms.txt → Ouvrir /llms-full.txt →