List

Overview

List Unstyled

Using the .list--unstyled class you can remove the bullets as well as the browser defined padding and margin for a list.

<ul class="list--unstyled">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</li>

List Inline

Adding the .group class results in an inline list.

<ul class="list--unstyled group">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</li>

Files

https://github.com/davidbrooksio/cwf-lite/blob/master/style/modules/list.css

• Directorystyle

  • Directorymodules

    • list.css

Stylesheet

@layer cwf-modules {
  .list--unstyled {
    list-style: var(--list-list-style, none);
    margin: var(--list-margin, 0);
    padding: var(--list-padding, 0);
  }
}