From 74058f0cae8eff8b83d02303671c0532bd492ea3 Mon Sep 17 00:00:00 2001
From: Olivier Roques <olivier@oroques.dev>
Date: Sun, 2 Aug 2020 20:39:01 +0200
Subject: General update

---
 assets/sass/typography.scss | 52 ++++++++++++++++++++++++++++-----------------
 assets/sass/variables.scss  |  9 +++++---
 2 files changed, 38 insertions(+), 23 deletions(-)

(limited to 'assets')

diff --git a/assets/sass/typography.scss b/assets/sass/typography.scss
index d1a7315..24fe28d 100644
--- a/assets/sass/typography.scss
+++ b/assets/sass/typography.scss
@@ -4,6 +4,22 @@
     a {
         @extend %link-default;
     }
+    blockquote {
+        border-left: 4px solid;
+        font-style: italic;
+        margin: $margin-y 0;
+        padding: 8px 8px;
+        & p {
+            margin: 0;
+        }
+    }
+    code {
+        color: $green;
+    }
+    img {
+        display: block;
+        margin: $margin-y auto;
+    }
     ol {
         counter-reset: list;
         list-style: none;
@@ -18,6 +34,9 @@
             }
         }
     }
+    pre code {
+        color: inherit;
+    }
     ul {
         list-style: inside;
         padding-left: 0;
@@ -25,26 +44,6 @@
             margin: 4px 0;
         }
     }
-    blockquote {
-        border-left: 4px solid;
-        font-style: italic;
-        margin: $margin-y 0;
-        padding: 8px 8px;
-        & p {
-            margin: 0;
-        }
-    }
-    .avatar > img {
-        border-radius: 50%;
-        float: right;
-        margin: -8px 0 0 16px;
-        height: $avatar-size;
-        width: $avatar-size;
-    }
-    img {
-        display: block;
-        margin: $margin-y auto;
-    }
     table {
         margin: $margin-y auto;
         width: 100%;
@@ -63,4 +62,17 @@
             }
         }
     }
+    .avatar > img {
+        border-radius: 50%;
+        float: right;
+        margin: -8px 0 0 16px;
+        height: $avatar-size;
+        width: $avatar-size;
+    }
+    .highlight {
+        margin: $margin-y auto;
+        & > pre {
+            padding: 8px 8px;
+        }
+    }
 }
diff --git a/assets/sass/variables.scss b/assets/sass/variables.scss
index 7565b8c..678a75b 100644
--- a/assets/sass/variables.scss
+++ b/assets/sass/variables.scss
@@ -1,9 +1,12 @@
-// Variables
+// Sizes
 $max-width: 750px;
-$avatar-size: 90px;
 $margin-y: 16px;
-$red: #dc3545;
+$avatar-size: 90px;
+
+// Colors
 $dark: #000000;
+$green: #28a745;
+$red: #dc3545;
 
 // Placeholders
 %link-default {
-- 
cgit v1.2.3