List-inline
Variables
$config
Variable
Module Config
$config: (
"rule-style" : "light",
"margin-top": 0,
"margin-bottom": 1em,
"space-between" : 1em,
"space-between-large" : 2em
);
File Information
- File: _list-inline.scss
- Group: list-inline
- Type: variable
- Lines (comments): 11-16
- Lines (code): 18-24
Map Properties
Name | Type | Default | Description |
---|---|---|---|
rule-style | String | "light" | Name of element > rule style to use for divider/border |
margin-top | Dimension | 0 | Top margin of list. |
margin-bottom | Dimension | 1em | Bottom margin of list. |
space-between | Dimension | 1em | Gap between item and dividers |
space-between-large | Dimension | 1em | Gap between item and dividers when using large-gap modifier |
Mixins
set()
Mixin
Change modules $config
File Information
- File: _list-inline.scss
- Group: list-inline
- Type: mixin
- Lines (comments): 26-29
- Lines (code): 31-33
Examples
@include ulu.component-list-inline-set(( "property" : value ));
Parameters
Name | Type | Description |
---|---|---|
$changes | Map |
Map of changes |
Require
styles()
Mixin
Output component stylesheet
File Information
- File: _list-inline.scss
- Group: list-inline
- Type: mixin
- Lines (comments): 44-46
- Lines (code): 48-80
Examples
@include ulu.component-list-inline-styles();
Require
Functions
get()
Function
Get a config option
File Information
- File: _list-inline.scss
- Group: list-inline
- Type: function
- Lines (comments): 35-38
- Lines (code): 40-42
Examples
@include ulu.component-list-inline-get("property");
Parameters
Name | Type | Description |
---|---|---|
$name | Map |
Name of property |