Skip to content

Attacher Module

The Attacher module provides utility classes for arranging child elements in a flexible container. It handles alignment, justification, and optional dividers between elements, with full support for both LTR and RTL directions.

Child
Filler
Child
Child

Signature:

scss
@mixin use-attacher();

Example:

scss
@include termeh.use-attacher();
Dependencies

Attacher module uses the following Termeh global var():

ComponentTypeUsageDefault
baseseparatorColorBackground color for separator elementsnull

Modifiers

  • .is-<align>-align → sets vertical alignment of children
  • .is-<justify>-justify → sets horizontal distribution of children

Child Elements

  • .divider → vertical separator line between child elements

Child Modifiers

  • .filler → stretches to occupy remaining space