Retour aux composants

GSContentContainer

Conteneur de contenu centré : borne sa zone utile à --gs-content-max-w (1280px par défaut) puis la centre (mx-auto), indépendamment de la largeur de l'écran. GSSpaceContent l'utilise pour que le header et la zone scrollable partagent exactement le même axe vertical.

1 — Par défaut (cap 1280px, centré)

Sur un conteneur plus large que 1280px, le contenu est borné et centré ; la gouttière (espace de part et d'autre) reste disponible pour l'élément parent pleine largeur.

Contenu borné à 1280px et centré

2 — Override pleine largeur

Surcharger le token à none (style="--gs-content-max-w: none") lève le cap : le contenu occupe toute la largeur disponible.

Contenu pleine largeur (cap levé)

3 — Valeur personnalisée

Le token accepte n'importe quelle longueur (style="--gs-content-max-w: 640px") — utile pour une colonne de lecture ou un formulaire centré.

Contenu borné à 640px et centré

API — GSContentContainer

#defaultContenu à centrer et borner--gs-content-max-wToken CSS du cap de largeur (1280px par défaut). Surchargeable via style : none (pleine largeur) ou toute longueur