Custom theme (replace with client name)

Image 

<div data-cy-block="image-block" class="image-block image-block__align-full>
    <div class=" image-component">
    <div class="image-component__image">
        <figure class="image ">
            <picture class="image__picture">
                <source srcset="" type="image/webp">
                <source srcset="" type="image/jpeg">
                <img class="image__image" loading="lazy" type="image/jpeg" src="" alt="" height="" width="">
            </picture>
        </figure>
    </div>
</div>
</div>
 
<div data-cy-block="image-block" class="image-block {{ image.align ? 'image-block__align-' ~ image.align : 'image-block__align-full'}}>
    {% include 'components/image/image.twig' with {
        image: image,
    } %}
</div>
 
/* No context defined. */
  • Content: 
    .image-block
    padding-left 0

    &__align-right
        float right
        margin-left 20px
        margin-bottom 20px
        margin-top 20px
        width 50%

    &__align-left
        float left
        margin-right 20px
        margin-bottom 20px
        margin-top 20px
        width 50%

    &__align-full
        margin-bottom 20px
        margin-top 20px
        width 100%
  • URL: /components/raw/image/image.styl
  • Filesystem Path: patterns/blocks/image/image.styl
  • Size: 388 Bytes

No notes defined.