Twig | Using cycle to apply a pattern of classes

cycle_for_patterns_of_class.twig

{% set colours = ['red', 'blue', 'green', 'yellow'] %}
{% for item in services %}
  <li class="{{ cycle(colours, loop.index0) }}">
    <h3>{{ item.service_title }}</h3>
  </li>
{% endfor %}

Using the Twig cycle function to apply a pattern of classes

Twig's cycle works well for odd and even classes but can also be used for longer patterns like the example above.

Notice we set loop.index to 0, the default is 1 which means we miss the first item of the pattern.