Element Module

The Element module provides a flexible base wrapper for inline elements with configurable font size, gaps, height, weight, and strong emphasis handling.

NormalBoldItalicUnderlineStrike^Sup_SubSmall

Signature:

@mixin use-element();

Example:

@include termeh.use-element();

Module:

This module is registered as element in the presented modules.

Dependencies

Element module uses the following Termeh global var():

Component	Type	Usage	Default
gap → micro	Number	Spacing between items	8px
control → height	Number	Element line height	2.2em
control → weight	Number	Element font weight	null
control → strong	Number	Font weight for strong child elements	null

---

Element module uses the following Termeh size():

Size	Usage	Default
small	Font size for small items	error

Child Elements

• b, strong → applies strong inline style
• i, em → applies italic inline style
• u, ins → applies underline style
• s, del → applies strikethrough style with smaller font
• sup → applies superscript style with smaller top-aligned text
• sub → applies subscript style with smaller bottom-aligned text
• small → applies smaller text style
• .icon → applies inline icon style, inherits text color