ISTWCMS-4837: adding inverted l right layout to pattern-lab

layouts/layout--uw-inverted-l-right.html.twig

+{%
+  set classes = [
+  'layout',
+  'layout--uw-inverted-l-right',
+  settings.column_class,
+]
+%}
+
+<section{{ attributes.addClass(classes) }}>
+
+  <div class="uw-inverted-l--left-side">
+    <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+      {{ content.first }}
+    </div>
+
+    <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+      {{ content.second }}
+    </div>
+
+    <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+      {{ content.third }}
+    </div>
+  </div>
+
+  <div class="uw-inverted-l--right-side">
+    <div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
+      {{ content.fourth }}
+    </div>
+  </div>
+
+</section>

layouts/uw-inverted-l-right/layout--uw-inverted-l-right.html.twig

-{%
-  set classes = [
-  'layout',
-  'layout--uw-inverted-l-right',
-  settings.column_class,
-]
-%}
-
-<section{{ attributes.addClass(classes) }}>
-
-  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
-    {{ content.first }}
-  </div>
-
-  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
-    {{ content.second }}
-  </div>
-
-  <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
-    {{ content.third }}
-  </div>
-
-  <div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
-    {{ content.fourth }}
-  </div>
-
-</section>

layouts/uw-inverted-l-right/uw-layout-inverted-l-right.css

-.layout--uw-inverted-l-right {
-  display: grid;
-}
-
-.layout--uw-inverted-l-right.even-split {
-  grid-template-columns: 25% 25% 50%;
-}
-
-.layout--uw-inverted-l-right.larger-left {
-  grid-template-columns: 33.5% 16.5% 50%;
-}
-
-.layout--uw-inverted-l-right.larger-right {
-  grid-template-columns: 16.5% 33.5% 50%;
-}
-
-.layout--uw-inverted-l-right .layout__region--first {
-  grid-column: 1 / 2;
-  grid-row: 1 / 2;
-}
-
-.layout--uw-inverted-l-right .layout__region--first {
-  grid-column: 2 / 3;
-  grid-row: 1 / 2;
-}
-
-.layout--uw-inverted-l-right .layout__region--third {
-  grid-column: 1 / 3;
-  grid-row: 2 / 3;
-}
-
-.layout--uw-inverted-l-right .layout__region--fourth {
-  grid-column: 3 / 4;
-  grid-row: 1 / 3;
-}
-
-.path-dashboard .layout__region {
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-
-.path-dashboard .layout__region--wrapper {
-  box-shadow: none;
-  border: 1px solid #bfbfba;
-  padding: 1rem;
-}

uw_cfg_common.layouts.yml

@@ -110,7 +110,7 @@ uw_inverted_l_right:
   label: 'Inverted "L" - right'
   category: 'UW layouts'
   class: '\Drupal\uw_cfg_common\Plugin\Layout\UwColumnLayoutBase'
-  template: layouts/uw-inverted-l-right/layout--uw-inverted-l-right
+  template: layouts/layout--uw-inverted-l-right
   default_region: first
   regions:
     first:

uw_cfg_common.libraries.yml

-uw_layout_inverted_l_right:
-  version: 1.0
-  css:
-    theme:
-      layouts/uw-inverted-l-right/uw-layout-inverted-l-right.css: {}
 uw_mathjax:
   js:
     https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_HTML: { type: external, minified: true }