What are Layouts ?

In CUBE CSS, Layouts are compositions, which indicates that Layouts are components used to structure and organize the content and interface elements it contains.

These Layouts are largely based on the teachings and examples from every-layout.dev.

Layouts are designed to be combined with Blocks and other Layouts to create new components that maintain the characteristics defined in the design system’s Tokens.

Containers are a type of Layout that limit the amount of horizontal space occupied by its contents. This means that containers can only affect: inline logical properties, width and related properties, and spacing properties that affect horizontal dimensions (padding-[left/right], etc).

Reveal
Card 1
Card 2
Card 3

Sidebar
Card 1
Card 2
Card 3

This is some text that shows you how text content will adapt inside a chosen Layout. Layouts are components that are used to organize how content is displayed on the screen, and designed to work in harmony with the browser's built-in layout algorithms.