List-lines

Variables

Module Config

$config: (
  "border-first" : true,
  "border-last" : true,
  "margin-bottom": 1em,
  "margin-top": 0,
  "rule-style" : "light",
  "padding-between" : 1em,
  "dense-padding-between" : 0.65em,
  "dense-line-height" : true
);

File Information

• File: _list-lines.scss
• Group: list-lines
• Type: variable
• Lines (comments): 21-29
• Lines (code): 31-40

Map Properties

Name	Type	Default	Description
border-first	Boolean	true	If enabled, adds a top border to the first item in list-lines.
border-last	Boolean	true	If enabled, adds a bottom border to the last item in list-lines.
rule-style	String	"light"	Name of element > rule style to use for divider/border
margin-bottom	Dimension	1em	Bottom margin of list.
margin-top	Dimension	0	Top margin of list.
padding-between	Dimension	1em	Padding between items in list.
padding-between	Dimension	1em	Padding between items in list when using dense modifier
line-height-dense	Dimension	true	Line height when list lines has dense modifier (defaults to typography line-height-dense)

Mixins

Change modules $config

File Information

• File: _list-lines.scss
• Group: list-lines
• Type: mixin
• Lines (comments): 42-45
• Lines (code): 47-49

Examples

@include ulu.component-list-lines-set(( "property" : value ));

Parameters

Name	Type	Description
$changes	Map	Map of changes

Require

• $config

Output component stylesheet

File Information

• File: _list-lines.scss
• Group: list-lines
• Type: mixin
• Lines (comments): 61-63
• Lines (code): 65-95

Examples

@include ulu.component-list-lines-styles();

Require

• get()

Functions

Get a config option

File Information

• File: _list-lines.scss
• Group: list-lines
• Type: function
• Lines (comments): 51-54
• Lines (code): 56-59

Examples

@include ulu.component-list-lines-get("property");

Parameters

Name	Type	Description
$name	Map	Name of property

Require

• $config