[Article-separators] Added intial concept floating-article-sections

1 files changed, 6 insertions, 3 deletions

diff --git a/src/styles.css b/src/styles.css
index 1a02b79..4565e96 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -82,7 +82,7 @@ body {
     color: var(--fg-color);
     min-height: calc(100vh - 16px);
   }
-  nav, article     { background-color: var(--bg-color); }
+  nav          { background-color: var(--bg-color); }
   body, td, th { font: 18px sans-serif; }
   *            { line-height: 1.3em; }
 
@@ -148,7 +148,6 @@ h1, h2, h3, h4, h5, h6, b {
     line-height: 1.25em;
   }
   h1 { font-size: 1.7em; margin-block-end: 0.5em; }
-  h2 { margin-top: 2.5em; }
   h3 { margin-top: 2em; }
   h4 { border-bottom: 2px solid var(--border-color); }
   h2, h3, h4, h5, h6 { display: inline-block; } /* For link to appear next to heading */
@@ -325,12 +324,16 @@ dt { font-size: 1.2em; }
         max-width: 56em; /* Equivalent to 50em on 19px font-size */
         min-height: calc(100vh - 228px);
         overflow: auto;
-        padding: 0 1em;
       }
     article, .centered {
         margin-left: auto;
         margin-right: auto;
       }
+      .section {
+          margin-bottom: 1.5em;
+          background-color: var(--bg-color);
+          padding: 0.5em 1em;
+        }
       #contents-container { float: right; margin-left: 2.5em; }
         #contents-container > h2 { margin-top: -1rem; }
       #pagenav {