Docs

This page isn't translated yet

next

Container classes

Width, margin, padding and position utilities based on the container tokens.

ClassStyles
w-containerwidth: var(--container-width);
max-w-containermax-width: var(--container-width);
min-w-containermin-width: var(--container-width);
w-container-marginwidth: var(--container-margin);
max-w-container-marginmax-width: var(--container-margin);
min-w-container-marginmin-width: var(--container-margin);
mx-containermargin-left: var(--container-margin);margin-right: var(--container-margin);
ml-containermargin-left: var(--container-margin);
mr-containermargin-right: var(--container-margin);
px-containerpadding-left: var(--container-margin);padding-right: var(--container-margin);
pl-containerpadding-left: var(--container-margin);
pr-containerpadding-right: var(--container-margin);
left-containerleft: var(--container-margin);
left-container-mxleft: var(--container-margin);
left-container-pxleft: var(--container-margin);
left-container-marginleft: var(--container-margin);
right-containerright: var(--container-margin);
right-container-mxright: var(--container-margin);
right-container-pxright: var(--container-margin);
right-container-marginright: var(--container-margin);