Wrapper Module

The Wrapper module provides a flexible row container that evenly distributes its children. It supports wrapping, responsive alignment, and configurable spacing using the Termeh gap system.

Signature:

scss

@mixin use-wrapper($gaps: ());

Example:

scss

@include termeh.use-wrapper(("small", "medium"));

Module:

This module is registered as wrapper in the presented modules.

Dependencies

Wrapper module uses the following Termeh global var():

Component	Type	Usage	Default
`gap` → `micro`	Number	Default spacing between wrapper items	`8px`

Modifiers

.is-gapless → removes spacing between children
.is-<gap>-gap → applies a registered gap as spacing

Wrapper Module ​

Modifiers ​

Wrapper Module

Modifiers