@citizensadvice/lists

Default styling for lists.

Usage no npm install needed!

<script type="module">
  import citizensadviceLists from 'https://cdn.skypack.dev/@citizensadvice/lists';
</script>

README

Lists npm (scoped)

Default styling for lists.

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" />