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