stack/src/components/content-w-aside/content-w-aside.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   "content-w-aside",
  3.   props.spacing in ['top-0', 'none', 'top-md'] ? '--' ~ props.spacing : null,
  4.   props.variant in ["reverse"] ? "--" ~ props.variant :  "--primary",
  5.   props.extra_class ? props.extra_class : null
  6. ]|join(' ')|trim -%}
  9. {%- set attrs = [
  10.   'class="' ~ class_name ~ '"',
  11. ] -%}
  13. {%- set attrs = attrs|join(' ')|trim -%}
  15. <div {{ attrs|raw }}>
  16.   <div class="container content-w-aside__container">
  17.     <div class="content-w-aside__row">
  19.       <div class="content-w-aside__content u-z-index-0">
  20.         {% block content %}
  21.           {# content #}
  22.         {% endblock %}
  23.       </div>
  25.       {% if props.aside %}
  26.         <div class="content-w-aside__aside d-flex flex-column u-z-index-1">
  27.           {% block aside %}
  28.             {# aside #}
  29.           {% endblock %}
  30.         </div>
  31.       {% endif %}
  32.     </div>
  33.   </div>
  34. </div>