diff --git a/css/styles.css b/css/styles.css index f974e500294407eadba6213c373135eb3dd14c58..0dce0aa27c52e4cc9a2b342c6d418c2696539dfd 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1765,6 +1765,12 @@ svg:not(:root) { .layout--uwfourcol.legacy-23-27-27-23 { grid-template-columns: 23% 27% 27% 23%; } +.layout--uwfourcol { + display: grid; + grid-template-columns: 100%; } + .layout--uwfourcol .layout__region--first { + grid-column: 1 / 2; } + .layout--uwthreecol { display: grid; } .layout--uwthreecol .layout__region--first { diff --git a/source/_patterns/03-layouts/layout/layout--onecol/_layout--onecol.scss b/source/_patterns/03-layouts/layout/layout--onecol/_layout--onecol.scss new file mode 100644 index 0000000000000000000000000000000000000000..c740d59821c57285f8be97d5320e465146857611 --- /dev/null +++ b/source/_patterns/03-layouts/layout/layout--onecol/_layout--onecol.scss @@ -0,0 +1,8 @@ +.layout--uwfourcol { + display: grid; + grid-template-columns: 100%; + + .layout__region--first { + grid-column: 1 / 2; + } +} \ No newline at end of file diff --git a/source/_patterns/03-layouts/layout/layout--onecol/layout--onecol.twig b/source/_patterns/03-layouts/layout/layout--onecol/layout--onecol.twig new file mode 100644 index 0000000000000000000000000000000000000000..ae9c4375cc82d1092c4e9be64313e62fae0ed221 --- /dev/null +++ b/source/_patterns/03-layouts/layout/layout--onecol/layout--onecol.twig @@ -0,0 +1,17 @@ +{% + 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>