[presentation] Replaced (most) flex capabilities with tables

1 files changed, 31 insertions, 13 deletions

diff --git a/src/presentation.css b/src/presentation.css
index db2fe84..fe7b380 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -19,8 +19,6 @@ h2, h3, h4, h5, h6 {
 
 .slide {
     box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
     height: 210mm;
     padding: 1em;
     width: 297mm; /* Size of landscape A4 paper */
@@ -31,24 +29,16 @@ h2, h3, h4, h5, h6 {
       max-width: 100%;
       /* width: auto; */
     }
+  .slide > p:first-child, .slide > ul:first-child { margin-top: 0; }
   .slide .svg { max-height: 1em !important; }
 
-  .frow, .fcol { display: flex; flex-wrap: nowrap; }
-    .frow, .fcol, .frow > *, .fcol > *, .slide > * {
-        min-height: 0;
-        min-width: 0;
-      }
-    .frow > *, .fcol > * { flex: 1; }
-    .frow { flex-direction: row; }
-      .frow > *:not(:last-child) { margin-right: 0.5em; }
-    .fcol { flex-direction: column; }
-      .fcol > *:not(:last-child) { margin-bottom: 0.5em; }
+  .clide { display: flex; flex-direction: column; }
+    .clide > * { flex: 1; }
 
   .centered { text-align: center; }
     .centered h1::after, .centered h2::after, .centered h3::after {
         content: " \2550"
       }
-  .flexer { flex: 1; }
   .fright { float: right; text-align: right; }
 
   .font35, .font30, .font27, .font20, .font18 {
@@ -60,6 +50,34 @@ h2, h3, h4, h5, h6 {
     .font20 { font-size: 20px; }
     .font18 { font-size: 18px; }
 
+  .layout-table {
+      margin: 0;
+      padding: 0;
+      display: table;
+      width: 100%;
+    }
+    .layout-table > .layout-row {
+        display: table-row;
+      }
+    .layout-row > * {
+        display: table-cell;
+        border: none;
+        padding: 0;
+        vertical-align: middle;
+      }
+    .fixed-layout { table-layout: fixed; }
+
+  .lineb1 { padding: 0.5em; }
+  .lineb2 { padding: 1.0em; }
+  .lineb3 { padding: 1.5em; }
+  .lineb4 { padding: 2.0em; }
+  .lineb5 { padding: 2.5em; }
+  .lineb6 { padding: 3.0em; }
+  .lineb7 { padding: 3.5em; }
+  .lineb8 { padding: 4.0em; }
+  .lineb9 { padding: 4.5em; }
+
+
 /* Presenting mode */
 
 .absolute-slide {