The box layout helper is a simple container for grouping content within a defined region. It uses the class
Box deliberately treats padding and borders equally on all sides.
If your container needs asymmetrical styling, then it's a container with a more specific purpose and not a box.
Box without padding
Box without border
Box without padding or border
Because high contrast themes can eliminate
l-box--no-border modifier class adds a transparent outline so that the shape of the box remains apparent. Negative
outline-offset moves the outline inside the box perimeter so that it doesn't impact its overall size.