Foehn Design System

List: Default 

<ul>
    <li>pommes</li>
    <li>oranges</li>
    <li>pêches</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": "pommes"
    },
    {
      "item": "oranges"
    },
    {
      "item": "pêches"
    }
  ]
}
  • 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.