Initial Drupal 11 with DDEV setup
This commit is contained in:
		@ -0,0 +1,19 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for four-column layout section.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--fourcol-section {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--fourcol-section > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--fourcol-section > .layout__region {
 | 
			
		||||
    flex: 0 1 25%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,46 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override for a four-column 25%-25%-25%-25% layout.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--fourcol-section',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.third %}
 | 
			
		||||
      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
 | 
			
		||||
        {{ content.third }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.fourth %}
 | 
			
		||||
      <div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
 | 
			
		||||
        {{ content.fourth }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,34 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override for a three-column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.third %}
 | 
			
		||||
      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
 | 
			
		||||
        {{ content.third }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,36 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for three-column layout section.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--threecol-section {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--threecol-section > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--threecol-section--25-50-25 > .layout__region--first,
 | 
			
		||||
  .layout--threecol-section--25-50-25 > .layout__region--third,
 | 
			
		||||
  .layout--threecol-section--25-25-50 > .layout__region--first,
 | 
			
		||||
  .layout--threecol-section--25-25-50 > .layout__region--second,
 | 
			
		||||
  .layout--threecol-section--50-25-25 > .layout__region--second,
 | 
			
		||||
  .layout--threecol-section--50-25-25 > .layout__region--third {
 | 
			
		||||
    flex: 0 1 25%;
 | 
			
		||||
  }
 | 
			
		||||
  .layout--threecol-section--25-50-25 > .layout__region--second,
 | 
			
		||||
  .layout--threecol-section--25-25-50 > .layout__region--third,
 | 
			
		||||
  .layout--threecol-section--50-25-25 > .layout__region--first {
 | 
			
		||||
    flex: 0 1 50%;
 | 
			
		||||
  }
 | 
			
		||||
  .layout--threecol-section--33-34-33 > .layout__region--first,
 | 
			
		||||
  .layout--threecol-section--33-34-33 > .layout__region--third {
 | 
			
		||||
    flex: 0 1 33%;
 | 
			
		||||
  }
 | 
			
		||||
  .layout--threecol-section--33-34-33 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 34%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,28 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override to display a two-column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes }}>
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,40 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for two-column layout section.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--twocol-section {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--twocol-section > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 50%;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 33%;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
 | 
			
		||||
    flex: 0 1 67%;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 25%;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
 | 
			
		||||
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
 | 
			
		||||
    flex: 0 1 75%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,24 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override to display a one-column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--onecol',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
    <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
 | 
			
		||||
      {{ content.content }}
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,7 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for layout_onecol.
 | 
			
		||||
 */
 | 
			
		||||
.layout--onecol .layout__region {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,53 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override for a three column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * This template provides a three column 25%-50%-25% display layout, with
 | 
			
		||||
 * additional areas for the top and the bottom.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--threecol-25-50-25',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
    {% if content.top %}
 | 
			
		||||
      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
 | 
			
		||||
        {{ content.top }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.third %}
 | 
			
		||||
      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
 | 
			
		||||
        {{ content.third }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.bottom %}
 | 
			
		||||
      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
 | 
			
		||||
        {{ content.bottom }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,23 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for layout_threecol_25_50_25.
 | 
			
		||||
 */
 | 
			
		||||
.layout--threecol-25-50-25 {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--threecol-25-50-25 > .layout__region,
 | 
			
		||||
.layout--threecol-25-50-25 > .layout__region--second {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--threecol-25-50-25 > .layout__region--first,
 | 
			
		||||
  .layout--threecol-25-50-25 > .layout__region--third {
 | 
			
		||||
    flex: 0 1 25%;
 | 
			
		||||
  }
 | 
			
		||||
  .layout--threecol-25-50-25 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 50%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,53 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override for a three column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * This template provides a three column 33%-34%-33% display layout, with
 | 
			
		||||
 * additional areas for the top and the bottom.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--threecol-33-34-33',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
    {% if content.top %}
 | 
			
		||||
      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
 | 
			
		||||
        {{ content.top }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.third %}
 | 
			
		||||
      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
 | 
			
		||||
        {{ content.third }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.bottom %}
 | 
			
		||||
      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
 | 
			
		||||
        {{ content.bottom }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,23 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for layout_threecol_33_34_33.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--threecol-33-34-33 {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--threecol-33-34-33 > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--threecol-33-34-33 > .layout__region--first,
 | 
			
		||||
  .layout--threecol-33-34-33 > .layout__region--third {
 | 
			
		||||
    flex: 0 1 33%;
 | 
			
		||||
  }
 | 
			
		||||
  .layout--threecol-33-34-33 > .layout__region--second {
 | 
			
		||||
    flex: 0 1 34%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,44 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override to display a two-column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--twocol',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
    {% if content.top %}
 | 
			
		||||
      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
 | 
			
		||||
        {{ content.top }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.first %}
 | 
			
		||||
      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
 | 
			
		||||
        {{ content.first }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second %}
 | 
			
		||||
      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
 | 
			
		||||
        {{ content.second }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.bottom %}
 | 
			
		||||
      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
 | 
			
		||||
        {{ content.bottom }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,20 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for layout_twocol.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--twocol {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--twocol > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--twocol > .layout__region--first,
 | 
			
		||||
  .layout--twocol > .layout__region--second {
 | 
			
		||||
    flex: 0 1 50%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -0,0 +1,65 @@
 | 
			
		||||
{#
 | 
			
		||||
/**
 | 
			
		||||
 * @file
 | 
			
		||||
 * Theme override for a two column layout.
 | 
			
		||||
 *
 | 
			
		||||
 * This template provides a two column display layout with full width areas at
 | 
			
		||||
 * the top, bottom and in the middle.
 | 
			
		||||
 *
 | 
			
		||||
 * Available variables:
 | 
			
		||||
 * - in_preview: Whether the plugin is being rendered in preview mode.
 | 
			
		||||
 * - content: The content for this layout.
 | 
			
		||||
 * - attributes: HTML attributes for the layout <div>.
 | 
			
		||||
 */
 | 
			
		||||
#}
 | 
			
		||||
{%
 | 
			
		||||
  set classes = [
 | 
			
		||||
    'layout',
 | 
			
		||||
    'layout--twocol-bricks',
 | 
			
		||||
  ]
 | 
			
		||||
%}
 | 
			
		||||
{% if content %}
 | 
			
		||||
  <div{{ attributes.addClass(classes) }}>
 | 
			
		||||
    {% if content.top %}
 | 
			
		||||
      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
 | 
			
		||||
        {{ content.top }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.first_above %}
 | 
			
		||||
      <div {{ region_attributes.first_above.addClass('layout__region', 'layout__region--first-above') }}>
 | 
			
		||||
        {{ content.first_above }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second_above %}
 | 
			
		||||
      <div {{ region_attributes.second_above.addClass('layout__region', 'layout__region--second-above') }}>
 | 
			
		||||
        {{ content.second_above }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.middle %}
 | 
			
		||||
      <div {{ region_attributes.middle.addClass('layout__region', 'layout__region--middle') }}>
 | 
			
		||||
        {{ content.middle }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.first_below %}
 | 
			
		||||
      <div {{ region_attributes.first_below.addClass('layout__region', 'layout__region--first-below') }}>
 | 
			
		||||
        {{ content.first_below }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.second_below %}
 | 
			
		||||
      <div {{ region_attributes.second_below.addClass('layout__region', 'layout__region--second-below') }}>
 | 
			
		||||
        {{ content.second_below }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    {% if content.bottom %}
 | 
			
		||||
      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
 | 
			
		||||
        {{ content.bottom }}
 | 
			
		||||
      </div>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
  </div>
 | 
			
		||||
{% endif %}
 | 
			
		||||
@ -0,0 +1,22 @@
 | 
			
		||||
/*
 | 
			
		||||
 * @file
 | 
			
		||||
 * Provides the layout styles for layout_twocol_bricks.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.layout--twocol-bricks {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layout--twocol-bricks > .layout__region {
 | 
			
		||||
  flex: 0 1 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 40em) {
 | 
			
		||||
  .layout--twocol-bricks > .layout__region--first-above,
 | 
			
		||||
  .layout--twocol-bricks > .layout__region--second-above,
 | 
			
		||||
  .layout--twocol-bricks > .layout__region--first-below,
 | 
			
		||||
  .layout--twocol-bricks > .layout__region--second-below {
 | 
			
		||||
    flex: 0 1 50%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user