Créez des espacements adaptatifs qui s'ajustent de manière fluide entre les petits écrans de smartphone et les écrans d'ordinateur ultra-larges.
Définir les limites d'espacement
Indiquez votre padding mobile minimal et votre padding bureau maximal en pixels.
Définir les seuils d'écran
Définissez les largeurs d'écran de début et de fin pour la progression de l'espacement.
Appliquer aux règles d'espacement
Copiez la valeur calculée et collez-la dans vos propriétés `padding`, `margin` ou `gap`.
Remplacez les blocs répétitifs de requêtes `@media` de vos design tokens par une seule règle clamp() déclarative.
Garantit que le padding de vos sections ne descende jamais sous les seuils d'ergonomie ni ne dépasse les limites de votre mise en page.
Oui, clamp() fonctionne tout aussi bien pour les propriétés gap, margin, padding et width.
La propriété reste fixée à la valeur maximale définie et ne grandit plus.