Etat Pur Design System

Checkout 

<footer class="bg-brand-light py-6 lg:py-8 3xl:py-10">
    <div class="container flex flex-wrap justify-center gap-x-2 gap-y-6">
        <a href="#" class="
        
         link-medium
         link-dark
        
        
    ">

            Mentions légales

        </a>
        <a href="#" class="
        
         link-medium
         link-dark
        
        
    ">

            Conditions générales de vente

        </a>
        <a href="#" class="
        
         link-medium
         link-dark
        
        
    ">

            Charte données personnelles

        </a>
        <a href="#" class="
        
         link-medium
         link-dark
        
        
    ">

            Charte cookies

        </a>
        <a href="#" class="
        
         link-medium
         link-dark
        
        
    ">

            FAQ

        </a>
    </div>
</footer>
 
<footer class="bg-brand-light py-6 lg:py-8 3xl:py-10">
    <div class="container flex flex-wrap justify-center gap-x-2 gap-y-6">
        {% for link in links %}
            {% render "@template-link" with link|merge({type: "dark", size: "medium"}) %}
        {% endfor %}
    </div>
</footer>
 
{
  "links": [
    {
      "label": "Mentions légales",
      "href": "#"
    },
    {
      "label": "Conditions générales de vente",
      "href": "#"
    },
    {
      "label": "Charte données personnelles",
      "href": "#"
    },
    {
      "label": "Charte cookies",
      "href": "#"
    },
    {
      "label": "FAQ",
      "href": "#"
    }
  ]
}

No notes defined.