Scroller Slide Card Container

Slide with cards container for full-page scrolling content.

Markup Details
                            {{ attach_library('goizueta_theme/scroller-slide-card-container') }}

{% set horizontal_cards %}
  {% include '@components/card-container/card-container.twig' with {
    "heading" : heading,
    "cards": cards,
    "cta": cta,
    "program_compare_enabled": false
  } only %}
{% endset  %}
{% set page_title_val = page_title ? page_title : null %}

{# For wide screens: all cards on one page. #}
{% include '@components/scroller-slide/scroller-slide.twig' with {
  "modifier_classes": "narrow-hide slide-card-container slide-card-container__wide",
  "page_title": page_title_val,
  "content": horizontal_cards
} %}

{# For narrow screens: one card per slide. #}
{% for item in cards %}
  {% set card_content %}
    {% include '@components/card-container/card-container.twig' with {
      "heading" : heading,
      "cards": [
        item
      ],
      "program_compare_enabled": false
    } only %}
  {% endset %}
  {% include '@components/scroller-slide/scroller-slide.twig' with {
    "modifier_classes": "narrow-only slide-card-container slide-card-container__narrow",
    "page_title": page_title_val,
    "content": card_content
  } %}
  {% set page_title_val = false %}
{% endfor %}