51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Checklist

100% 
<ul class="c-check-list">
    <li class="c-check-list__item">Item 1</li>
    <li class="c-check-list__item">Item 2</li>
    <li class="c-check-list__item">Item 3</li>
    <li class="c-check-list__item">Item 4</li>
    <li class="c-check-list__item">Item 5</li>
</ul>
 
<ul class="c-check-list{% if additionalClasses %} {{ additionalClasses }}{% endif %}">
    {% for item in items %}
        <li class="c-check-list__item">{{ item }}</li>
    {% endfor %}
</ul>
 
{
  "items": [
    "Item 1",
    "Item 2",
    "Item 3",
    "Item 4",
    "Item 5"
  ],
  "classes": ""
}
  • Content: 
    .c-check-list {
    list-style: url('~icons/haz/check.svg');
    list-style-position: inside;
    margin: 0 auto;
    padding: 0;

    &__item {
        line-height: 1.25;
        margin-bottom: 1em;
    }

    @include fluid-type(rem-calc(640), rem-calc(1200), rem-calc(16), rem-calc(20));
}
  • URL: /components/raw/check-list/check-list.scss
  • Filesystem Path: src/patterns/20-components/check-list/check-list.scss
  • Size: 293 Bytes

There are no notes for this item.