Commit d90bd5cb authored by Eric Bremner's avatar Eric Bremner

ISTWCMS-4084: removing layouts as they are now in uw_cfg_common

parent ab1535a7
.layout--uwfivecol {
display: grid;
&.even-split {
grid-template-columns: 20% 20% 20% 20% 20%;
}
&.larger-left {
grid-template-columns: 40% 15% 15% 15% 15%;
}
&.larger-second {
grid-template-columns: 15% 40% 15% 15% 15%;
}
&.larger-third {
grid-template-columns: 15% 15% 40% 15% 15%;
}
&.larger-fourth {
grid-template-columns: 15% 15% 15% 40% 15%;
}
&.larger-right {
grid-template-columns: 15% 15% 15% 15% 40%;
}
&.legacy-23-19-19-19-20 {
grid-template-columns: 23% 19% 19% 19% 20%;
}
.layout__region--first {
grid-column: 1 / 2;
}
.layout__region--second {
grid-column: 2 / 3;
}
.layout__region--third {
grid-column: 3 / 4;
}
.layout__region--fourth {
grid-column: 4 / 5;
}
.layout__region--fifth {
grid-column: 5 / 6;
}
}
\ No newline at end of file
{%
set classes = [
'layout',
'layout--uwfivecol',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{% block content_third %}
Layout Region Column three
{% endblock %}
</div>
<div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
{% block content_fourth %}
Layout Region Column four
{% endblock %}
</div>
<div {{ region_attributes.fifth.addClass('layout__region', 'layout__region--fifth') }}>
{% block content_fifth %}
Layout Region Column five
{% endblock %}
</div>
</section>
.layout--uwfourcol {
display: grid;
.layout__region--first {
grid-column: 1 / 2;
}
.layout__region--second {
grid-column: 2 / 3;
}
.layout__region--third {
grid-column: 3 / 4;
}
.layout__region--fourth {
grid-column: 4 / 5;
}
}
.layout--uwfourcol.even-split {
grid-template-columns: 25% 25% 25% 25%;
}
.layout--uwfourcol.larger-left {
grid-template-columns: 50% 16.67% 16.67% 16.66%;
}
.layout--uwfourcol.larger-second {
grid-template-columns: 16.67% 50% 16.67% 16.66%;
}
.layout--uwfourcol.larger-third {
grid-template-columns: 16.67% 16.67% 50% 16.66%;
}
.layout--uwfourcol.larger-right {
grid-template-columns: 16.67% 16.67% 16.66% 50%;
}
.layout--uwfourcol.legacy-23-27-27-23 {
grid-template-columns: 23% 27% 27% 23%;
}
{%
set classes = [
'layout',
'layout--uwfourcol',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{% block content_third %}
Layout Region Column three
{% endblock %}
</div>
<div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
{% block content_fourth %}
Layout Region Column four
{% endblock %}
</div>
</section>
.layout--invertedlleft {
display: grid;
&.even-split {
grid-template-columns: 50% 25% 25%;
}
&.larger-left {
grid-template-columns: 50% 33.5% 16.5%;
}
&.larger-right {
grid-template-columns: 50% 16.5% 33.5%;
}
.layout__region--first {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.layout__region--second {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.layout__region--third {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.layout__region--fourth {
grid-column: 2 / 4;
grid-row: 2 / 3;
}
}
\ No newline at end of file
{%
set classes = [
'layout',
'layout--invertedlleft',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{% block content_third %}
Layout Region Column three
{% endblock %}
</div>
<div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
{% block content_fourth %}
Layout Region Column four
{% endblock %}
</div>
</section>
.layout--invertedlright {
display: grid;
&.even-split {
grid-template-columns: 25% 25% 50%;
}
&.larger-left {
grid-template-columns: 33.5% 16.5% 50%;
}
&.larger-right {
grid-template-columns: 16.5% 33.5% 50%;
}
.layout__region--first {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.layout__region--first {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.layout__region--third {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.layout__region--fourth {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
}
\ No newline at end of file
{%
set classes = [
'layout',
'layout--invertedlright',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{% block content_third %}
Layout Region Column three
{% endblock %}
</div>
<div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
{% block content_fourth %}
Layout Region Column four
{% endblock %}
</div>
</section>
.layout--uwfourcol {
display: grid;
grid-template-columns: 100%;
.layout__region--first {
grid-column: 1 / 2;
}
}
\ No newline at end of file
{%
set classes = [
'layout',
'layout--uwonecol',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
</section>
.layout--uwthreecol {
display: grid;
.layout__region--first {
grid-column: 1 / 2;
}
.layout__region--second {
grid-column: 2 / 3;
}
.layout__region--third {
grid-column: 3 / 4;
}
}
.layout--uwthreecol.even-split {
grid-template-columns: 33% 34% 33%;
}
.layout--uwthreecol.larger-left {
grid-template-columns: 50% 25% 25%;
}
.layout--uwthreecol.larger-middle {
grid-template-columns: 25% 50% 25%;
}
.layout--uwthreecol.larger-right {
grid-template-columns: 25% 25% 50%;
}
.layout--uwthreecol.legacy-38-38-24 {
grid-template-columns: 38% 38% 24%;
}
.layout--uwthreecol.legacy-24-38-38 {
grid-template-columns: 24% 38% 38%;
}
{%
set classes = [
'layout',
'layout--uwthreecol',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{% block content_third %}
Layout Region Column three
{% endblock %}
</div>
</section>
.layout.uw-contained-width {
@include uw-contained-width;
}
.layout--uwtwocol {
display: grid;
.layout__region--first {
grid-column: 1 / 2;
}
.layout__region--second {
grid-column: 2 / 3;
}
}
.layout--uwtwocol.larger-left {
grid-template-columns: 67% 33%;
}
.layout--uwtwocol.larger-right {
grid-template-columns: 33% 67%;
}
.layout--uwtwocol.even-split {
grid-template-columns: 50% 50%;
}
{%
set classes = [
'layout',
'layout--uwtwocol',
column_class,
]
%}
<section{{ attributes.addClass(classes) }}>
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{% block content_first %}
Layout Region Column one
{% endblock %}
</div>
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{% block content_second %}
Layout Region Column two
{% endblock %}
</div>
</section>
column_class: even-split
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment