Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
    2. styles()
    3. create-property-classes()
  3. Functions
    1. get()

Units

Output unit helper stylesheet

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "sides": ("top", "bottom", "left", "right")
);
File Information
  • File: _units.scss
  • Group: units
  • Type: variable
  • Lines (comments): 12-14
  • Lines (code): 16-18

Map Properties

Name Type Description
$config.sides Number Sides to print for helper classes (ie. reduce output of unneeded sides)

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _units.scss
  • Group: units
  • Type: mixin
  • Lines (comments): 20-23
  • Lines (code): 25-27

Examples

General example

@include ulu.helper-units-set(( "property" : value ));

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Output all unit helper classes

File Information
  • File: _units.scss
  • Group: units
  • Type: mixin
  • Lines (comments): 38-38
  • Lines (code): 40-44

Require

create-property-classes()

Mixin

Creates the unit classes with all variations (from unit presets)

  • This can be used by itself if not outputting .styles() or if you wanted to change the default prefixes
File Information
  • File: _units.scss
  • Group: units
  • Type: mixin
  • Lines (comments): 46-47
  • Lines (code): 49-72

Require

Functions

get()

Function

Get a config option

File Information
  • File: _units.scss
  • Group: units
  • Type: function
  • Lines (comments): 29-32
  • Lines (code): 34-36

Examples

General example

@include ulu.helper-units-get("property");

Parameters

Name Type Description
$name Map Name of property

Require