stack/src/components/base-section/base-section.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   'base-section u-posr',
  3.   props.spacing in ['top-0', 'bottom-0', 'sm', 'top-sm-0', 'md', 'none'] ? '--' ~ props.spacing : null,
  4.   props.bg_color ? "--bg-color" : null,
  5.   props.name ? props.name : null,
  6.   props.extra_class ? props.extra_class : null,
  7. ]|join(' ')|trim -%}
  9. {%- set attrs = [
  10.   'class="' ~ class_name ~ '"',
  11. ] -%}
  13. {%- if props.id is defined %}
  14.   {% set attrs = attrs|merge(['id="' ~ props.id ~ '"']) %}
  15. {%- endif -%}
  17. {%- set attrs = attrs|join(' ')|trim -%}
  19. {%- set container_class_name = [
  20.   'base-section__container',
  21.   props.is_container ?? "container",
  22. ]|join(' ')|trim -%}
  25. {%- set container_attrs = [
  26.   'class="' ~ container_class_name ~ '"',
  27. ] -%}
  29. {%- set container_attrs = container_attrs|join(' ')|trim -%}
  32. <section {{ attrs|raw }}>
  33.   <div {{ container_attrs|raw }}>
  34.     {% block content %}
  35.       {# content #}
  36.     {% endblock %}
  37.   </div>
  38. </section>