Layouts

Box Sizing

Utilities for sets how the total width and height of an element is calculated.

Class

class	css
box-border	box-sizing: border-box
box-content	box-sizing: content-box

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.