Connect Dementia Research

Pattern Library

Bullet point

First item
Second item: Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.
Third item

HTML

    
<ul class="bullet-list">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  </ul>

SCSS

    .bullet-list {
  @include base-font();
  list-style-image: url(/images/bullet-grey.svg);
  list-style-position: inside;
  padding: 0;

  li {
    margin-bottom: 8px;
  }
}