ISTWCMS-3664: adding stylings for columed layouts

source/_patterns/03-layouts/layout/_layout.scss

-.layout {
-  .uw-contained-width {
-    @include uw-contained-width;
-  }
+.layout.uw-contained-width {
+  @include uw-contained-width;
 }

source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.twig

+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Four Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+    {% block content_third %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
+    {% block content_fourth %}
+    {% endblock %}
+  </div>
+</div>

source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.twig

+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Three Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+    {% block content_third %}
+    {% endblock %}
+  </div>
+</div>

source/_patterns/03-layouts/layout/layout--twocol/_layout--twocol.scss

+.layout.uw-contained-width {
+  @include uw-contained-width;
+}

source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.twig

+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Two Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+</div>

source/_patterns/03-layouts/layout/layout.twig

-<div class="layout layout--{{ type }}">
-  <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content', width) }}>
+<div{{ attributes }}>
+  <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
     {% block content %}
       Layout Region One Column Layout
     {% endblock %}