composer.json 0000644 00000000353 15053776574 0007312 0 ustar 00 {
"name": "4i4/nxd_layouts",
"description": "Custom layouts",
"type": "drupal-module",
"authors": [
{
"name": "Petyo Stoyanov",
"email": "pss@4i4.io"
}
],
"require": {}
}
layouts/fourcol/fourcol.css 0000644 00000000553 15053776574 0012126 0 ustar 00 /*
* @file
* Provides the layout styles for layout_threecol_25_50_25.
*/
.layout--fourcol {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media screen and (min-width: 40em) {
.layout--fourcol {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.layout--fourcol .full-row {
grid-column-end: span 4;
}
}
layouts/fourcol/layout--fourcol.html.twig 0000644 00000003103 15053776574 0014635 0 ustar 00 {#
/**
* @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 .
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--fourcol',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.third %}
{{ content.third }}
{% endif %}
{% if content.fourth %}
{{ content.fourth }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--onecol',
]
%}
{% if content %}
{{ content.content }}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-25-25-50',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.third %}
{{ content.third }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-25-50-25',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.third %}
{{ content.third }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-33-34-33',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.third %}
{{ content.third }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-50-25-25',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.third %}
{{ content.third }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--twocol',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--twocol-33-66',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}
.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--twocol-66-33',
]
%}
{% if content %}
{% if content.top %}
{{ content.top }}
{% endif %}
{% if content.first %}
{{ content.first }}
{% endif %}
{% if content.second %}
{{ content.second }}
{% endif %}
{% if content.bottom %}
{{ content.bottom }}
{% endif %}