Fork me on GitHub

_objects.list-inline.scss

Source code

View source

Package Name

inuit-list-inline

Version

0.3.2

Dependences

The list-inline object displays its list elements as a horizontal row.

        <ul class="list-inline">
            <li>Foo</li>
            <li>Bar</li>
            <li>Baz</li>
        </ul>
            
.list-inline
  • Foo
  • Bar
  • Baz
see HTML code
<ul class="list-inline">
                <li>Foo</li>
                <li>Bar</li>
                <li>Baz</li>
            </ul>
            
                
                $inuit-list-inline-namespace:           $inuit-namespace !default;
                
                // if we want to use a delimiter character
                $inuit-enable-list-inline--delimited:   false !default;
                $inuit-list-inline-delimit-character:   ",\00A0" !default;