Jetons d’espacement
Les jetons d’espacement définissent le rythme fluide utilisé pour les écarts entre composants, l’espacement des sections et la structure adaptative des pages.
space.3xs | --space-3xs | clamp(0.2656rem, 0.2548rem + 0.0543vw, 0.2969rem) | clamp(0.2656rem, 0.2548rem + 0.0543vw, 0.2969rem) | dimension | scale | Plus petit échelon d’espacement pour les relations très serrées. |
space.2xs | --space-2xs | clamp(0.5313rem, 0.5095rem + 0.1087vw, 0.5938rem) | clamp(0.5313rem, 0.5095rem + 0.1087vw, 0.5938rem) | dimension | scale | Très petit échelon d’espacement pour les éléments compacts en ligne ou empilés. |
space.xs | --space-xs | clamp(0.7969rem, 0.7643rem + 0.163vw, 0.8906rem) | clamp(0.7969rem, 0.7643rem + 0.163vw, 0.8906rem) | dimension | scale | Petit échelon d’espacement pour le rythme dense des composants. |
space.s | --space-s | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | dimension | scale | Échelon d’espacement de base pour le rythme vertical et horizontal courant. |
space.m | --space-m | clamp(1.5938rem, 1.5285rem + 0.3261vw, 1.7813rem) | clamp(1.5938rem, 1.5285rem + 0.3261vw, 1.7813rem) | dimension | scale | Échelon d’espacement moyen pour les groupes et sections compactes. |
space.l | --space-l | clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) | clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) | dimension | scale | Grand échelon d’espacement pour les ruptures de section et le rythme de composant plus généreux. |
space.xl | --space-xl | clamp(3.1875rem, 3.0571rem + 0.6522vw, 3.5625rem) | clamp(3.1875rem, 3.0571rem + 0.6522vw, 3.5625rem) | dimension | scale | Très grand échelon d’espacement pour la séparation à l’échelle de la page. |
space.2xl | --space-2xl | clamp(4.25rem, 4.0761rem + 0.8696vw, 4.75rem) | clamp(4.25rem, 4.0761rem + 0.8696vw, 4.75rem) | dimension | scale | Échelon d’espacement large pour les grands intervalles de mise en page. |
space.3xl | --space-3xl | clamp(6.375rem, 6.1141rem + 1.3043vw, 7.125rem) | clamp(6.375rem, 6.1141rem + 1.3043vw, 7.125rem) | dimension | scale | Échelon d’espacement très large pour les grandes bandes de page. |
space.4xl | --space-4xl | clamp(8.5rem, 8.1522rem + 1.7391vw, 9.5rem) | clamp(8.5rem, 8.1522rem + 1.7391vw, 9.5rem) | dimension | scale | Plus grand échelon d’espacement pour les séparations exceptionnelles à l’échelle de la page. |
space.xs-s | --space-xs-s | clamp(0.7969rem, 0.661rem + 0.6793vw, 1.1875rem) | clamp(0.7969rem, 0.661rem + 0.6793vw, 1.1875rem) | dimension | scale | Paire fluide de l’espacement très petit à petit. |
space.s-m | --space-s-m | clamp(1.0625rem, 0.8125rem + 1.25vw, 1.7813rem) | clamp(1.0625rem, 0.8125rem + 1.25vw, 1.7813rem) | dimension | scale | Paire fluide de l’espacement petit à moyen. |
space.m-l | --space-m-l | clamp(1.5938rem, 1.322rem + 1.3587vw, 2.375rem) | clamp(1.5938rem, 1.322rem + 1.3587vw, 2.375rem) | dimension | scale | Paire fluide de l’espacement moyen à grand. |
space.l-xl | --space-l-xl | clamp(2.125rem, 1.625rem + 2.5vw, 3.5625rem) | clamp(2.125rem, 1.625rem + 2.5vw, 3.5625rem) | dimension | scale | Paire fluide de l’espacement grand à très grand. |
space.xl-2xl | --space-xl-2xl | clamp(3.1875rem, 2.644rem + 2.7174vw, 4.75rem) | clamp(3.1875rem, 2.644rem + 2.7174vw, 4.75rem) | dimension | scale | Paire fluide de l’espacement très grand à double très grand. |
space.2xl-3xl | --space-2xl-3xl | clamp(4.25rem, 3.25rem + 5vw, 7.125rem) | clamp(4.25rem, 3.25rem + 5vw, 7.125rem) | dimension | scale | Paire fluide de l’espacement double très grand à triple très grand. |
space.3xl-4xl | --space-3xl-4xl | clamp(6.375rem, 5.288rem + 5.4348vw, 9.5rem) | clamp(6.375rem, 5.288rem + 5.4348vw, 9.5rem) | dimension | scale | Paire fluide de l’espacement triple très grand à quadruple très grand. |
space.s-l | --space-s-l | clamp(1.0625rem, 0.606rem + 2.2826vw, 2.375rem) | clamp(1.0625rem, 0.606rem + 2.2826vw, 2.375rem) | dimension | scale | Paire fluide de l’espacement petit à grand pour des changements adaptatifs plus marqués. |
space.m-xl | --space-m-xl | clamp(1.5938rem, 0.909rem + 3.4239vw, 3.5625rem) | clamp(1.5938rem, 0.909rem + 3.4239vw, 3.5625rem) | dimension | scale | Paire fluide de l’espacement moyen à très grand pour le rythme de mise en page large. |
space.l-2xl | --space-l-2xl | clamp(2.125rem, 1.212rem + 4.5652vw, 4.75rem) | clamp(2.125rem, 1.212rem + 4.5652vw, 4.75rem) | dimension | scale | Paire fluide de l’espacement grand à double très grand pour le rythme de mise en page majeur. |