Utilities
Bootstrap-aligned helpers for layout, color, type, and materials — many with responsive infixes via tg-infix.
API
Responsive utilities use Bootstrap-style infixes: base class, then *-sm-*, *-md-*, *-lg-*, *-xl-*, *-xxl-* from the tg-infix mixin (breakpoints in base/_tokens.scss). Example: d-none d-md-flex, p-2 p-lg-4, sticky-md-top.
Background
bg-body, bg-body-secondary, bg-body-tertiary, bg-gradient, plus semantic bg-*.
Borders
border, sides, colors, radii. Pair colors with border-opacity-*.
Colors
Fill bg-*, ink text-*, subtle, tint. Opacity: text-opacity-* / bg-opacity-* on RGB-backed colors.
Display
Flex
d-flex, flex-column, flex-wrap, justify-content-*, align-items-*, align-self-*.
Float
float-start, float-end, float-none (+ responsive float-md-end). Contain with clearfix.
Interactions
user-select-none, user-select-all, pe-none / pe-auto, cursor-pointer.
Click to select all of this text.
Link
link-opacity-*, link-underline + link-underline-opacity-*, link-offset-*, semantic link-underline-primary.
Object fit
Bootstrap names object-fit-contain, object-fit-cover, object-fit-fill, object-fit-none, object-fit-scale-down (short object-* aliases also work).
Opacity
Element opacity: opacity-0 … opacity-100. Color channel opacity: see Colors / Borders.
Overflow
overflow-auto, overflow-hidden, overflow-visible, overflow-scroll (and overflow-x-* / overflow-y-* when present).
Position
position-relative / absolute / fixed / sticky. Edges: top-0, top-50, start-50, translate-middle / -x / -y. Sticky/fixed chrome: see Position helpers.
Shadows
Sizing
w-25…w-100, h-*, mw-100, vh-100, min-vh-100, vw-100, min-vw-100.
Spacing
Text
Leading lh-*, font-monospace, fst-italic, fw-semibold, text-decoration-*, text-body-secondary.
font-monospace
italic semibold
text-decoration-underline
lh-lg paragraph leading.
line-clamp-2 cuts after two lines even when the sentence keeps going past the box so multi-line titles stay consistent.
Vertical align
align-baseline, align-top, align-middle, align-bottom, align-text-top, align-text-bottom (inline / table-cell contexts).
Visibility
visible / invisible — keep layout space while hiding paint.
Z-index
z-n1, z-0…z-3, plus z-dropdown, z-sticky, z-fixed, z-overlay.
Morph
Prefer tg-glass-frosted on nodes; morph-* mirrors materials with !important.