fix: minor CSS adjustments

gvwilson · Apr 8, 2024 · ddae26e · ddae26e
1 parent d5e27a2
commit ddae26e
Show file tree

Hide file tree

Showing 27 changed files with 100 additions and 115 deletions.
diff --git a/docs/action/index.html b/docs/action/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Constraints and Triggers</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../composite/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/aggregate/index.html b/docs/aggregate/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Aggregating</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../missing/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/author/index.html b/docs/author/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>About the Author</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../glossary/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/bib/index.html b/docs/bib/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Bibliography</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../contrib/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/colophon/index.html b/docs/colophon/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Colophon</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../author/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/composite/index.html b/docs/composite/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Composite Data</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../oddsends/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/conduct/index.html b/docs/conduct/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Code of Conduct</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../license/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/contrib/index.html b/docs/contrib/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Contributing</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../conduct/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/datamod/index.html b/docs/datamod/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Modifying Data</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../aggregate/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/finale/index.html b/docs/finale/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Conclusion</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../psql/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/glossary/index.html b/docs/glossary/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Glossary</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../bib/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/index.html b/docs/index.html
@@ -27,14 +27,12 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>The Querynomicon</h1>
       <p class="subtitle">An Introduction to SQL for Weary Data Scientists</p>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 

diff --git a/docs/intro/index.html b/docs/intro/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Introduction</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
 
   </div>

diff --git a/docs/join/index.html b/docs/join/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Joins</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../datamod/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/license/index.html b/docs/license/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>License</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../finale/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/mccole.css b/docs/mccole.css
@@ -42,24 +42,32 @@
     --spacing-small: 0.25rem;
     --spacing-medium: 0.5rem;
     --spacing-large: 1rem;
+    --spacing-large-negative: -1.1rem;
 
     /* Image properties */
     --splash-width: 80%;
 }
 
-/* Small screen: display rows with one column. */
+/* Small screen: display rows with one column */
 @media screen {
-  .row {
-      width: 100%
-  }
+    .row {
+	width: 100%
+    }
 }
 
-/* Wide screen: display rows as rows. */
+/* Wide screen: display rows as rows */
 @media screen and (min-width: 60rem) {
-  .row {
-      display: flex;
-      flex-flow: row wrap;
-  }
+    .row {
+	display: flex;
+	flex-flow: row wrap;
+    }
+}
+
+/* Always display as row */
+.row-always {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
 }
 
 /* Flex grid */
@@ -197,6 +205,12 @@ img.splash {
     width: var(--splash-width);
 }
 
+/* Reduce list indentation */
+li {
+    list-style-type: disc;
+    margin-left: var(--spacing-large-negative);
+}
+
 /* Make navigation controls larger */
 nav {
     font-size: var(--size-subtitle);
@@ -232,6 +246,11 @@ p.table-caption {
     text-align: center;
 }
 
+/* Term definitions */
+p.terms {
+    font-style: italic;
+}
+
 /* Index entry */
 span.ix-entry {
 }
@@ -253,7 +272,7 @@ th, td {
     border: solid var(--border-thin) var(--gray-light);
 }
 
-/* Key points listing at chapter start. */
+/* Key points listing at chapter start */
 ul.keypoints {
     background-color: var(--gray-light);
     border: var(--border-medium) var(--gray-dark) solid;

diff --git a/docs/missing/index.html b/docs/missing/index.html
@@ -27,17 +27,15 @@
   <body>
     <main>
       <div class="row notex">
-  <div class="col-1"></div>
-  <div class="col-10 center">
+  <div class="col-12 center">
 
       <h1>Missing Values</h1>
 
   </div>
-  <div class="col-1"></div>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../select/" title="previous" class="undecorated">&#8678;</a>
   </div>