Image Styles

Applies image styles with utility classes for centering, rounded or circular borders, and responsive widths based on registered sizes.

Usage

Signature:

@mixin use-image($sizes: ());

Example:

@include termeh.use-image(); // Apply all registered sizes
@include termeh.use-image(
  ("small", "medium", "large")
); // Apply specific sizes only

Dependencies

Image module uses the following Termeh global var():

Component	Type	Usage	Default
radius → normal	Number	Default rounded border radius for images	null
radius → circle	Number	Circular border radius for images	50%

Modifier

.is-centered → centers the image
.is-rounded → applies normal radius to image
.is-circular → applies circular radius to image
.is-<size> → applies a registered size as image width