Skip to main content

Inline Lists

Version: 0.9.0
Edit

Removes bullet from list items and sets them to be inline with each other.

Inline List

Author: Not specified
Since: 0.9.0
Source: /source/patterns/objects/inline-lists.scss#L10

  • Inline List Item
  • Inline List Item
  • Inline List Item
  • Inline List Item
<!-- inline list -->
<ul class="o-inline-list">
  <li class="o-inline-list__item">Inline List Item</li>
  <li class="o-inline-list__item">Inline List Item</li>
  <li class="o-inline-list__item">Inline List Item</li>
  <li class="o-inline-list__item">Inline List Item</li>
</ul>

Inline Block List

Author: Not specified
Since: 0.9.0
Source: /source/patterns/objects/inline-lists.scss#L32

  • Inline List Item
  • Inline List Item
  • Inline List Item
  • Inline List Item
<!-- inline block list -->
<ul class="o-inline-list o-inline-list--inline-block">
 <li class="o-inline-list__item">Inline List Item</li>
 <li class="o-inline-list__item">Inline List Item</li>
 <li class="o-inline-list__item">Inline List Item</li>
 <li class="o-inline-list__item">Inline List Item</li>
</ul>