Etat Pur Design System

Blog Card: Search Results 

<a href="" class="bg-white hover:text-brand-700 transition-colors ">
    <div class="aspect-[3/2]">
        <img class="w-full h-full object-cover" src="/img/blog/thumbnail-1.png" alt="">
    </div>
    <div class="p-4 h6 after:h-2 after:w-10 after:bg-brand after:block after:mt-2">
        Gluconate de zinc : bienfaits et pouvoir matifiant
    </div>
</a>
 
<a href="{{ href }}"
   class="bg-white hover:text-brand-700 transition-colors {{ class }}"
>
    <div class="aspect-[3/2]">
        <img class="w-full h-full object-cover"
             src="{{ img.src }}"
             alt="{{ img.alt }}"
        >
    </div>
    <div class="p-4 h6 after:h-2 after:w-10 after:bg-brand after:block after:mt-2">
        {{ title }}
    </div>
</a>
 
{
  "title": "Gluconate de zinc : bienfaits et pouvoir matifiant",
  "img": {
    "src": "/img/blog/thumbnail-1.png"
  }
}

No notes defined.