Copy environment

Image 1/1 

<div class="section     section--mt-large     section--mb-large image-1-1">
    <div class="section__inner h-container">
        <div class="grid">
            <div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-11 grid__col--offset-md-1">
                <div class="section__content ">
                    <figure class="image image--fluid image-1-1__image animation__target">
                        <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%201440%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/200x138 200w, //via.placeholder.com/600x416 600w, //via.placeholder.com/530x368 530w, //via.placeholder.com/1060x736 1060w, //via.placeholder.com/680x472 680w, //via.placeholder.com/1360x944 1360w, //via.placeholder.com/220x152 220w, //via.placeholder.com/440x305 440w, //via.placeholder.com/1440x1000 1440w, //via.placeholder.com/2880x2000 2880w" data-sizes="auto" alt="" class="image__img lazyload">

                    </figure>

                </div>

            </div>
        </div>
    </div>
</div>
 
{% set topSpacing %}
    {% apply spaceless %}
        {% if 'small' in data.topSpacing %}
            section--mt-small
        {% elseif 'medium' in data.topSpacing %}
            section--mt-medium
        {% else %}
            section--mt-large
        {% endif %}
    {% endapply %}
{% endset %}

{% set bottomSpacing %}
    {% apply spaceless %}
        {% if 'small' in data.bottomSpacing %}
            section--mb-small
        {% elseif 'medium' in data.bottomSpacing %}
            section--mb-medium
        {% else %}
            section--mb-large
        {% endif %}
    {% endapply %}
{% endset %}

{% set content %}
    {% include '@image' with { modifier: 'image--fluid', class: 'image-1-1__image animation__target', data: data.image|srcset('1440x1440f') } %}
{% endset %}
{% include '@section' with { class: 'image-1-1', modifier: topSpacing ~ ' ' ~ bottomSpacing, data: { content: content }, container: true } %}

{
  "language": "en-US",
  "data": {
    "image": true
  }
}
  • Handle: @image-1-1--default
  • Filesystem Path: src/patterns/modules/image-1-1/image-1-1.twig
  • References (2): @image, @section