Miscellaneous

Source: _shop18-styleguide.scss, line 410

Animations

Example

Markup: components/animations/animations.twig

<img class="floating" src="kss-assets/images/pattern_logo.png" alt="">

Source: _shop18-styleguide.scss, line 414

This is the item title

JSON Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam atque doloremque eligendi, fugiat fugit laudantium mollitia obcaecati perspiciatis quasi rem rerum saepe sint voluptate? Ab dicta eius harum magnam praesentium.

This is the item title

Markup: components/demo/demo.twig

{% for i in 0..2 %}
  <article 
    {% if attributes %}
      {{ attributes.addClass('demo') }}
    {% else %}
      class="{{ classes }} {{ modifier_class }}"
    {% endif %}
  >
    <h2>{{ label }}</h2>
    {% if body %}
      <p>{{ body }}</p>
    {% endif %}
  </article>
{% endfor %}

Source: _shop18-styleguide.scss, line 420

Miscellaneous

Animations

Demo

This is the item title

This is the item title

This is the item title