List-inline
The List-inline object simply displays a list as one horizontal row.
Install using npm:
$ npm install --save-dev aleut.objects.list-inline
Usage
Basic usage of the List-inline object uses the required classes:
Foo Bar Baz
The only valid children of the .o-list-inline
node are li
s.
Options
Other, optional classes can supplement the required base classes:
.o-list-inline--delimited
: add a character to delimit list items.
For example:
Foo Bar Baz
If you wish to completely remove the whitespace between items, omit the closing
</li>
tag:
Foo Bar Baz
Enable options
To enable the optional class set the variable to true
before you import
the _objects.list-inline.scss
-file.
;
Modify options
To modify the character between items when you are using .o-list-inline--delimited
you specify that before you import the _objects.list-inline.scss
-file.
;