Add layout classes to main sections in layout

allejo · allejo · commit 084f7d32a81a · 2020-03-22T19:33:56.000-07:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,7 +4,7 @@
         {% include head/full.html %}
     </head>
 
-    <body data-spy="scroll" data-target="#page-toc" data-offset="0">
+    <body class="layout-{{ page.layout }}" data-spy="scroll" data-target="#page-toc" data-offset="0">
         {% include navigation.html %}
         {% include masthead.html %}
 
diff --git a/_layouts/full.html b/_layouts/full.html
@@ -3,9 +3,9 @@
 ---
 
 <div class="container">
-    <div class="scope-markdown" role="main">
+    <main class="layout-full__main scope-markdown">
         {% include anchor_headings.html html=content anchorBody="#" anchorClass="heading-anchor" %}
-    </div>
+    </main>
 
     {% include disqus.html %}
 </div>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -4,7 +4,7 @@
 
 <div class="container">
     <div class="row">
-        <main class="col-md-9">
+        <main class="col-md-9 layout-page__main">
             <section class="mobile-toc border mb-3 p-3 d-md-none">
                 <div class="d-flex align-items-center">
                     <h2 class="mb-0">Table of Contents</h2>
@@ -36,7 +36,7 @@ <h2 class="mb-0">Table of Contents</h2>
             </section>
         </main>
 
-        <aside class="col-md-3 d-none d-md-block hidden-print">
+        <aside class="col-md-3 layout-page__sidebar d-none d-md-block hidden-print">
             <nav id="page-toc" class="page-sidebar">
                 {% include toc.html
                      html=content
