kaspar-allenbach / skelett-container

container classes to quickly get a grip around your web project

Skelett Container

Barebones (German: Skelett) container classes to center your stuff and contain it on a certain width.

See other Skelett tools skelett-flexbox-grid and sekelett-media-queries.

The Skelett

• The Skelett repos are a bunch of standalone scss libraries without any styling so they don't interfere with your very beautiful project.
• No padding
• No margin
• no colors
• no nothing
• ITCSS naming to prevent style injections

Container

Add the container class o.container around your stuff. This will center everything and ads padding from md__down to have some breathing room on smaller devices

Inner Outer + Fluid

• All containers ar always centered
• .o-container standard container. locks at $lg-width
• .o-container-fluid go full width until the the very end
• .o-container-inner smaller container than standard but locks at $md-width
• .o-container-lock-XX__up locks the container size at your requested media query size.
• Use all classes also as an extend