ISTWCMS-2291: Setting up region for site footers

components/_patterns/00-base/_global.scss

@@ -2,6 +2,17 @@
   display: none;
 }
 
+html.uw_html {
+  background-color: black;
+}
+
+body {
+  font-family: georgia, "droid serif", "Times New Roman", Times, serif;
+  font-size: 1rem;
+  color: #4e4e4e;
+  background-color: white;
+}
+
 .layout-container {
   display: grid;
   grid-template-columns: auto;
@@ -9,29 +20,55 @@
 }
 
 .layout-container header {
-  grid-column: 1;
-  grid-row: 1;
+  grid-column: 1 / 2;
+  grid-row: 1 / 2;
 }
 
 .layout-container main {
-  grid-column: 1;
-  grid-row: 2;
+  grid-column: 1 / 2;
+  grid-row: 2 / 3;
+  max-width: 63.125rem;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.layout-container .block-site-footer-block {
+  grid-column: 1 / 2;
+  grid-row: 3 / 4;
 }
 
 .layout-container footer {
-  grid-column: 1;
-  grid-row: 3;
+  grid-column: 1 / 2;
+  grid-row: 4 / 5;
 }
 
-html.uw_html {
-  background-color: black;
+.main-content-wrapper--with-sidebar {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 70% 30%;
+  grid-template-rows: auto;
+
+  .main-content {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+  }
+  aside {
+    grid-column: 2 / 3;
+    grid-row: 1 / 2;
+  }
 }
 
-body {
-  font-family: georgia, "droid serif", "Times New Roman", Times, serif;
-  font-size: 1rem;
-  color: #4e4e4e;
-  background-color: white;
+.main-content-wrapper {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 100%;
+  grid-template-rows: auto;
+
+  .main-content {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+  }
 }
 
 .ifdsu {

components/_patterns/05-pages/_page.twig

@@ -62,17 +62,29 @@
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
     {% if page.sidebar %}
-      <aside class="main-sidebar" role="complementary">
-        {{ page.sidebar }}
-      </aside>
+      <div class="main-content-wrapper{% if page.sidebar %}--with-sidebar{% endif %}">
+    {% else %}
+      <div class="main-content-wrapper">
     {% endif %}
 
-    <div class="main-content{% if page.sidebar %}--with-sidebar{% endif %}">
-      {{ page.content }}
-    </div>{# /.layout-content #}
+      <div class="main-content">
+        {{ page.content }}
+      </div>
+
+      {% if page.sidebar %}
+        <aside class="main-sidebar" role="complementary">
+          {{ page.sidebar }}
+        </aside>
+      {% endif %}
+
+    </div>
 
   </main>
 
+  {% if page.sitefooter %}
+    {{ page.sitefooter }}
+  {% endif %}
+
   {% if page.footer %}
     {{ page.footer }}
   {% endif %}

uw_fdsu_theme_resp.info.yml

@@ -26,6 +26,7 @@ regions:
   header: Header
   content: Content  # the content region is required
   sidebar: 'Sidebar'
+  sitefooter: Site Footer
   footer: Footer
 
 # Remove unwanted system stylesheets