From fe826133b3c56004cb369185feef4529302ca1a8 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Wed, 2 Aug 2017 11:03:06 +0200
Subject: [PATCH] make some markdown styles reusable

---
 www/code/code.less       | 12 +++---------
 www/common/markdown.less | 27 +++++++++++++++++++++++++++
 www/slide/slide.less     | 12 ++----------
 3 files changed, 32 insertions(+), 19 deletions(-)
 create mode 100644 www/common/markdown.less

diff --git a/www/code/code.less b/www/code/code.less
index 98e69a18e..f90e1a15b 100644
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -1,5 +1,6 @@
 @import "/customize/src/less/variables.less";
 @import "/customize/src/less/mixins.less";
+@import "/common/markdown.less";
 
 html, body{
     height: 100%;
@@ -66,15 +67,8 @@ body {
     max-width: 40vw;
     margin: auto;
 
-    table {
-        border-collapse: collapse;
-        tr {
-            th {
-                border: 3px solid black;
-                padding: 15px;
-            }
-        }
-    }
+    .markdown_preformatted-code;
+    .markdown_gfm-table(black);
 }
 
 @media (max-width: @media-medium-screen) {
diff --git a/www/common/markdown.less b/www/common/markdown.less
new file mode 100644
index 000000000..4759ea5cb
--- /dev/null
+++ b/www/common/markdown.less
@@ -0,0 +1,27 @@
+.markdown_preformatted-code (@color: #333) {
+    pre > code {
+        display: block;
+        position: relative;
+        border: 1px solid @color;
+        width: 90%;
+        margin: auto;
+        padding-left: .25vw;
+        overflow-x: auto;
+        overflow-y: hidden;
+    }
+}
+
+.markdown_gfm-table (@color: black) {
+    table {
+        border-collapse: collapse;
+        tr {
+            th {
+                border: 3px solid @color;
+                padding: 15px;
+            }
+        }
+    }
+}
+
+// todo ul, ol
+
diff --git a/www/slide/slide.less b/www/slide/slide.less
index ece266460..9edcaa6f4 100644
--- a/www/slide/slide.less
+++ b/www/slide/slide.less
@@ -1,5 +1,6 @@
 @import "/customize/src/less/variables.less";
 @import "/customize/src/less/mixins.less";
+@import "/common/markdown.less";
 
 // used for slides
 .viewportRatio (@x, @y, @p: 100) {
@@ -325,16 +326,7 @@ div#modal #content, #print {
             margin-bottom: 0.5em;
         }
 
-        pre > code {
-            display: block;
-            position: relative;
-            border: 1px solid #333;
-            width: 90%;
-            margin: auto;
-            padding-left: .25vw;
-            overflow-x: auto;
-            overflow-y: hidden;
-        }
+        .markdown_preformatted-code;
 
         ul, ol {
             min-width: 50%;