Update documentation for single page website layout

2021-01-14 20:46:48 -08:00
parent 1b08c1579e
commit 75f3e7bce2
11 changed files with 99 additions and 48 deletions
--- a/assets/css/section.css
+++ b/assets/css/section.css
@@ -21,10 +21,6 @@
        position: relative;
        margin: auto;
        
-        /* Vertical Align */
-        top: 50%;
-        transform: translateY(-50%);
-        
        /* Resize */
        display: block;
        max-height: 80em;
@@ -77,6 +73,13 @@
    
 }

+/* Shift section image down by half to be in the middle of the text column */
+.section-2col .section-cover {
+    /* Vertical Align */
+    top: 50%;
+    transform: translateY(-50%);
+}
+
 .section > .post {
    margin-top: 0;
    padding-top: 0;