snurky components for Magento 2

Action Block 

<a href="#" class="col xs-8 col-md-4 action-block t-d--n">
    <div class="action-block__inner width-full">
        <div class="flex--column relative">
            <div class="action-block__image">
                <picture class="image ">

                    <img class="lazyload " src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAQAAABN/Pf1AAAAC0lEQVR42mNkwAIAACoAAgu1Hc4AAAAASUVORK5CYII=" data-src="/images/category/kerst-fruitkisten.jpg" alt="" />
                </picture>

            </div>
            <div class="action-block__content t-a--l padding-top-xs">
                <span class="action-block__tagline t-t--uc f-s--s">Wooninspiratie krijgen</span>
                <h3 class="action-block__title t-t--n ">Wees creatief met kistjes</h3>
            </div>
        </div>
    </div>
</a>
 
<a href="#" class="col xs-8 col-md-4 action-block t-d--n">
    <div class="action-block__inner width-full">
        <div class="flex--column relative">
            <div class="action-block__image">
                {{ render '@image--picture' image }}
            </div>
            <div class="action-block__content t-a--l padding-top-xs">
                <span class="action-block__tagline t-t--uc f-s--s">{{ tagline }}</span>
                <h3 class="action-block__title t-t--n ">{{ title }}</h3>
            </div>
        </div>
    </div>
</a>
 
{
  "title": "Wees creatief met kistjes",
  "tagline": "Wooninspiratie krijgen",
  "image": {
    "class": "",
    "defaultSrc": "/images/category/kerst-fruitkisten.jpg"
  }
}
  • Content: 
    .action-blocks {
    .slick-list {
        margin: 0 -#{$spacer--medium};
    }
    .slick-slide {
        margin: 0 $spacer--medium;
    }
}
  • URL: /components/raw/action-block/_action-block.scss
  • Filesystem Path: build/components/Organisms/action-block/_action-block.scss
  • Size: 143 Bytes

There are no notes for this item.