Global Variables

Termeh provides a centralized system for defining and retrieving component-specific variables. This allows for scoped, reusable, and easily maintainable styling across your project.

Define

Defines a scoped variable for a component.

Signature:

@mixin define($Component: STRING, $Property: STRING, $Value: ANY);

Example:

@include termeh.define("button", "border-radius", 8px);
@include termeh.define("card", "padding", 16px);

Var

Retrieves the value of a previously defined component variable. Returns a fallback value if the variable is not set or null.

Signature:

@function var($Component: STRING, $Property: STRING, $Fallback: ANY = null): ANY;

Example:

$radius: termeh.var("radius", "normal", 4px);
$padding: termeh.var("card", "padding", 8px);