Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
  3. Functions
    1. get()

Units

Manages common spacing values (used by utility classes like margin/padding)

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "default":  1rem,
  "large":    1rem * 2,
  "large-x":  1rem * 3,
  "large-xx": 1rem * 4,
  "small":    1rem * 0.75,
  "small-x":  1rem * 0.5,
);
File Information
  • File: _units.scss
  • Group: units
  • Type: variable
  • Lines (comments): 10-17
  • Lines (code): 19-26

Map Properties

Name Type Default Description
default Number 1rem Base unit of measure
large Number 1rem * 2
large-x Number 1rem * 3
large-xx Number 1rem * 4
small Number 1rem * 0.75
small-x Number 1rem * 0.5

Mixins

set()

Mixin

Update the units config

File Information
  • File: _units.scss
  • Group: units
  • Type: mixin
  • Lines (comments): 28-34
  • Lines (code): 36-38

Examples

Setting the error and type color

@include ulu.units-set((
  "default" : 1.5em
));

Parameters

Name Type Description
$changes Map A map to merge into the color palette
$merge-mode String Merge mode see utils.map-merge() [null

Require

Functions

get()

Function

Get a unit by name (preset) or number (multiplier of base)

File Information
  • File: _units.scss
  • Group: units
  • Type: function
  • Lines (comments): 40-42
  • Lines (code): 44-49

Parameters

Name Type Description
$value `Number String`

Returns

Type
Number

Require