cruc components for Magento 2

Quick Card 

<div class="quick-cards__item width-full bg-green aspect-auto-1/1 ">
    <a href="#" class="color-white">
        <svg
    class="icon w-full fill-white"
    
        role="presentation"
        focusable="false"
>
        <title>Winkelwagen</title>
    <use xlink:href="/images/icons-sprite.svg#new-cart"></use>
</svg>

        <h4 class="color-white">Koop online</h4>
    </a>
</div>
 
<div class="quick-cards__item width-full bg-green aspect-auto-1/1 ">
    <a href="#" class="color-white">
        {{ render '@icon' quickIcon }}
        <h4 class="color-white">{{ text }}</h4>
    </a>
</div>
 
{
  "text": "Koop online",
  "quickIcon": {
    "id": "new-cart",
    "title": "Winkelwagen",
    "class": "icon size-xxl fill-white",
    "hidden": true
  }
}
  • Content: 
    @import 'quick-card-variables';

.quick-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    &:hover {
        color: $white;
    }
}
  • URL: /components/raw/quick-card/_quick-card.scss
  • Filesystem Path: build/components/Molecules/quick-card/_quick-card.scss
  • Size: 193 Bytes

There are no notes for this item.