Foehn Design System

List: Ordered 

<ol>
    <li>Adresse de livraison.</li>
    <li>Paiement.</li>
    <li>Confirmation.</li>
</ol>
 
<ol>
  {%- for item in list -%}
  <li>{{ item.item }}</li>
  {%- endfor -%}
</ol>
 
{
  "list": [
    {
      "item": "Adresse de livraison."
    },
    {
      "item": "Paiement."
    },
    {
      "item": "Confirmation."
    }
  ]
}
  • 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.