Update core 8.3.0
This commit is contained in:
parent
da7a7918f8
commit
cd7a898e66
6144 changed files with 132297 additions and 87747 deletions
|
@ -0,0 +1,24 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a one-column layout.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout--onecol',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
<div class="layout-region layout-region--content">
|
||||
{{ content.content }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
|
@ -0,0 +1,3 @@
|
|||
.layout--onecol .layout-region {
|
||||
width: 100%;
|
||||
}
|
|
@ -0,0 +1,47 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation 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:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout--threecol',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="layout-region layout-region--side">
|
||||
{{ content.left }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--middle">
|
||||
{{ content.middle }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--side">
|
||||
{{ content.right }}
|
||||
</div>
|
||||
|
||||
{% if content.bottom %}
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
|
@ -0,0 +1,17 @@
|
|||
.layout--threecol {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.layout--threecol > .layout-region {
|
||||
flex: 0 1 25%;
|
||||
}
|
||||
|
||||
.layout--threecol > .layout-region--fullwidth {
|
||||
flex: 0 1 100%;
|
||||
}
|
||||
|
||||
.layout--threecol > .layout-region--middle {
|
||||
flex: 0 1 50%;
|
||||
}
|
|
@ -0,0 +1,47 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation 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:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout--threecol-33',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
{% if content.top %}
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.top }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="layout-region">
|
||||
{{ content.left }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region">
|
||||
{{ content.middle }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region">
|
||||
{{ content.right }}
|
||||
</div>
|
||||
|
||||
{% if content.bottom %}
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
|
@ -0,0 +1,13 @@
|
|||
.layout--threecol-33 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.layout--threecol-33 > .layout-region {
|
||||
flex: 0 1 33%;
|
||||
}
|
||||
|
||||
.layout--threecol-33 > .layout-region--fullwidth {
|
||||
flex: 0 1 100%;
|
||||
}
|
|
@ -0,0 +1,36 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a two-column layout.
|
||||
*
|
||||
* Available variables:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout--twocol',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.top }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--left">
|
||||
{{ content.left }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--right">
|
||||
{{ content.right }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
13
web/core/modules/layout_discovery/layouts/twocol/twocol.css
Normal file
13
web/core/modules/layout_discovery/layouts/twocol/twocol.css
Normal file
|
@ -0,0 +1,13 @@
|
|||
.layout--twocol {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.layout--twocol > .layout-region {
|
||||
flex: 0 1 50%;
|
||||
}
|
||||
|
||||
.layout--twocol > .layout-region--fullwidth {
|
||||
flex: 0 1 100%;
|
||||
}
|
|
@ -0,0 +1,51 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation 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:
|
||||
* - content: The content for this layout.
|
||||
* - attributes: HTML attributes for the layout <div>.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'layout--twocol-bricks',
|
||||
]
|
||||
%}
|
||||
{% if content %}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.top }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--left_above">
|
||||
{{ content.left_above }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--right_above">
|
||||
{{ content.right_above }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--middle">
|
||||
{{ content.middle }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--left_below">
|
||||
{{ content.left_below }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--right_below">
|
||||
{{ content.right_below }}
|
||||
</div>
|
||||
|
||||
<div class="layout-region layout-region--fullwidth">
|
||||
{{ content.bottom }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
|
@ -0,0 +1,13 @@
|
|||
.layout--twocol-bricks {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.layout--twocol-bricks > .layout-region {
|
||||
flex: 0 1 50%;
|
||||
}
|
||||
|
||||
.layout--twocol-bricks > .layout-region--fullwidth {
|
||||
flex: 0 1 100%;
|
||||
}
|
Reference in a new issue