From 12ed6ba7ab6396da41f918ff111cfe9e8131e797 Mon Sep 17 00:00:00 2001
From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Sun, 9 Jan 2022 01:25:19 -0600
Subject: [PATCH] add style for markdown asides

---
 packages/docs/src/html.tsx        | 6 ++++++
 packages/docs/src/ui/markdown.css | 3 +++
 2 files changed, 9 insertions(+)
 create mode 100644 packages/docs/src/ui/markdown.css

diff --git a/packages/docs/src/html.tsx b/packages/docs/src/html.tsx
index 45a488b..14ddc87 100644
--- a/packages/docs/src/html.tsx
+++ b/packages/docs/src/html.tsx
@@ -47,6 +47,12 @@ export function Html({
         >
           {(asset) => <link rel="stylesheet" href={asset.url} />}
         </LocalFileAsset>
+        <LocalFileAsset
+          from={new URL("ui/markdown.css", import.meta.url)}
+          using={stylesheetTransformer}
+        >
+          {(asset) => <link rel="stylesheet" href={asset.url} />}
+        </LocalFileAsset>
 
         <title>{title}</title>
 
diff --git a/packages/docs/src/ui/markdown.css b/packages/docs/src/ui/markdown.css
new file mode 100644
index 0000000..15d71b4
--- /dev/null
+++ b/packages/docs/src/ui/markdown.css
@@ -0,0 +1,3 @@
+.prose aside {
+  @apply opacity-75 italic border-l-4 pl-3 border-white/50;
+}