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 |