<ul class="list-unstyled">
    <li><a href="#">L'aide et les soins à domicile</a></li>
    <li><a href="#">Centre d'accueil temporaire</a></li>
    <li><a href="#">Court-séjour en EMS</a></li>
    <li><a href="#">Plus</a></li>
</ul>
<ul{% if class %} class="{{class}}"{% endif %}>
  {%- for item in list -%}
  <li{% if item.class %} class={{ item.class}}{% endif %}>{{ item.item | safe }}</li>
  {%- endfor -%}
</ul>
{
  "list": [
    {
      "item": "<a href=\"#\">L'aide et les soins à domicile</a>"
    },
    {
      "item": "<a href=\"#\">Centre d'accueil temporaire</a>"
    },
    {
      "item": "<a href=\"#\">Court-séjour en EMS</a>"
    },
    {
      "item": "<a href=\"#\">Plus</a>"
    }
  ],
  "class": "list-unstyled"
}
  • Content:
    @charset 'UTF-8';
    
    /**
     * List
     */
    
    ul {
      list-style-type: disc;
    }
    
    ol,
    ul {
      padding-left: 40px;
    }
    
    /**
     * multi column list
     */
    ul.vd-list-columns {
      @include media-breakpoint-up(sm) {
        column-count: 2;
      }
    }
    
  • URL: /components/raw/list/_list.scss
  • Filesystem Path: src/components/01-atoms/list/_list.scss
  • Size: 217 Bytes

No notes defined.