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