Lists

Default styling for lists.

• Examples
• Installation

Examples

<ul class="ul">
  <li>Item #1</li>
  <li>Item #2</li>
  <li>Item #3</li>
</ul>

<ol class="ol">
  <li>Item #1</li>
  <li>Item #2</li>
  <li>Item #3</li>
</ol>

Removing list / list-item styling

<ul class="ul list-style-none">
  <li>Item #1</li>
  <li>Item #2</li>
  <li>Item #3</li>
</ul>

<ol class="ol">
  <li class="list-style-none">Item #1</li>
  <li class="list-style-none">Item #2</li>
  <li class="list-style-none">Item #3</li>
</ol>

Installation

$ npm install @citizensadvice/lists

now import into your stylesheet...

@import '@citizensadvice/lists/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/lists@latest/build/lists.css" />