From 6cad4966f5323c1c11fa45aeea4ff785a286c0aa Mon Sep 17 00:00:00 2001
From: Garry Ing <garry.ing@gmail.com>
Date: Sun, 28 Mar 2021 14:36:11 -0400
Subject: [PATCH] note previewer styles

---
 _includes/link-previews.html |  2 +-
 _sass/_digital-garden.scss   | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/_includes/link-previews.html b/_includes/link-previews.html
index e36c6ed..84389f0 100644
--- a/_includes/link-previews.html
+++ b/_includes/link-previews.html
@@ -1,7 +1,7 @@
 <!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
   <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
-    <div id='tooltip-content' class="relative overflow-hidden">
+    <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
   </div>
diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss
index 5d2d29a..32efa78 100644
--- a/_sass/_digital-garden.scss
+++ b/_sass/_digital-garden.scss
@@ -125,6 +125,22 @@
   border-radius: 4px;
 }
 
+.note-contents {
+  blockquote {
+    margin: 0 0 0 0.5em;
+    padding: 0.05em 0.5em;
+    border-left: 2px solid rgba($accent-color, 0.5);
+  }
+
+  ul, ol {
+    padding-left: 1.75em;
+  }
+
+  ul {
+    list-style: circle;
+  }
+}
+
 // Link previews
 
 #tooltip-content {