From de402ded78f3139582d145128a0500a5fb6cde97 Mon Sep 17 00:00:00 2001
From: Tom Willemse
Date: Sun, 20 Mar 2022 21:25:26 -0700
Subject: Add a note component

This highlights a specific piece of text.
---
 src/less/include/components.less | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/less/include/components.less b/src/less/include/components.less
index c062596..63689c1 100644
--- a/src/less/include/components.less
+++ b/src/less/include/components.less
@@ -32,6 +32,22 @@
   }
 }
 
+.note {
+  margin-left: 3rem;
+  border-width: 1px;
+  border-style: solid;
+  padding: 0 1rem;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: #1f2c3f;
+    border-color: #547ea8;
+  }
+  @media (prefers-color-scheme: light) {
+    background-color: #547ea8;
+    border-color: #1f2c3f;
+  }
+}
+
 .subtitle {
   font-size: 0.9rem;
   margin: 0;
-- 
cgit v1.2.3-54-g00ecf