themes: elenq: Add styles for `table` and `dl`.

1 files changed, 24 insertions, 1 deletions

diff --git a/themes/elenq/static/css/elenq.css b/themes/elenq/static/css/elenq.css
index c51af6f..f8ae41c 100644
--- a/themes/elenq/static/css/elenq.css
+++ b/themes/elenq/static/css/elenq.css
@@ -60,7 +60,30 @@ pre > code {
   border: none;
   border-radius: 0;
 }
-
+/* Simple but acceptable tables by default */
+table {
+  border-collapse: separate;
+  border-spacing: 1.5em 0;
+}
+/* Definition lists in line */
+dt {
+  font-weight: bold;
+}
+dt::after {
+  content: ": ";
+}
+dd {
+  margin-left: 1em;
+}
+@media(min-width: 550px){
+  dt {
+    text-align: right;
+  }
+  dl {
+    display: grid;
+    grid-template-columns: auto 1fr;
+  }
+}
 
 
 /* Utils */