From 7ca1ba7e1e5f7f5653c359116b0af9c15c3c27b9 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Wed, 7 Feb 2018 11:45:50 -0800
Subject: Fix wiki styling

---
 packages/website/less/all.less | 41 +++++++++++++++++++++++++++--------------
 1 file changed, 27 insertions(+), 14 deletions(-)

(limited to 'packages/website/less/all.less')

diff --git a/packages/website/less/all.less b/packages/website/less/all.less
index 5212df959..7f2a8fc67 100644
--- a/packages/website/less/all.less
+++ b/packages/website/less/all.less
@@ -21,14 +21,19 @@ a {
 }
 
 #landing {
-    .h1, .h2, .h3, .h4 {
+    .h1,
+    .h2,
+    .h3,
+    .h4 {
         font-family: 'Roboto Mono';
     }
 }
 
-
 #portal {
-    h1, h2, h3, h4 {
+    h1,
+    h2,
+    h3,
+    h4 {
         font-weight: 100;
     }
 }
@@ -55,13 +60,13 @@ a {
  * Source: https://davidwalsh.name/osx-overflow
  */
 ::-webkit-scrollbar {
-  -webkit-appearance: none;
-  width: 7px;
+    -webkit-appearance: none;
+    width: 7px;
 }
 ::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: rgba(0, 0, 0, .5);
-  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
 }
 
 // Hack: For some reason the animation applied to the material-ui textfield causes the overflow
@@ -87,18 +92,24 @@ code {
 
     &.hljs {
         background-color: #dde4e9 !important; // blue gray
-        border-left: 5px solid #0091EA !important; // colors.lightBlueA700
+        border-left: 5px solid #0091ea !important; // colors.lightBlueA700
         padding: 30px;
     }
 }
 
 #wiki {
-    p, blockquote, ul, ol, dl, li, table, pre {
+    p,
+    blockquote,
+    ol,
+    dl,
+    li,
+    table,
+    pre {
         margin: 15px 0;
     }
 
-    ol, ul {
-        padding-bottom: 20px;
+    li {
+        margin: 5px 0;
     }
 
     table {
@@ -127,10 +138,12 @@ code {
         margin: 0;
         padding: 6px 13px;
     }
-    table tr th :first-child, table tr td :first-child {
+    table tr th :first-child,
+    table tr td :first-child {
         margin-top: 0;
     }
-    table tr th :last-child, table tr td :last-child {
+    table tr th :last-child,
+    table tr td :last-child {
         margin-bottom: 0;
     }
 }
-- 
cgit v1.2.3