Xmeter Style Guide

3.1 #Objects.List The List Object

Toggle example guides Toggle HTML markup

A simple, plain, blocky list. It removes the usual padding and list item markers accompanied by (un)ordered lists. The result is a list of items, each on its own line. Combine this class with other classes to create a variety of styles.

author
Chris Harvey
updated
Example
  • Burns & McDonnell Engineering
  • DIS-TRAN Steel, LLC
  • EDM International
  • Electrical Consultants, Inc.
  • Fabrimet Inc.
  • Falcon Steel Company
Markup 
<!--link rel="stylesheet" href="/node_modules/xmeter/css/dist/o-List.css"/-->
<ul class="o-List">
  <li class="o-List__Item">Burns &amp; McDonnell Engineering</li>
  <li class="o-List__Item">DIS-TRAN Steel, LLC</li>
  <li class="o-List__Item">EDM International</li>
  <li class="o-List__Item">Electrical Consultants, Inc.</li>
  <li class="o-List__Item">Fabrimet Inc.</li>
  <li class="o-List__Item">Falcon Steel Company</li>
</ul>
Source: _o-List.less, line 8