From 19b4e92138bbcef9cde90a12141530e1bd6aa13a Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Tue, 17 Dec 2019 20:26:29 +0100
Subject: add sidenote support

---
 scss/_sidenotes.scss | 31 +++++++++++++++++++++++++++++++
 scss/main.scss       |  1 +
 2 files changed, 32 insertions(+)
 create mode 100644 scss/_sidenotes.scss

(limited to 'scss')

diff --git a/scss/_sidenotes.scss b/scss/_sidenotes.scss
new file mode 100644
index 0000000..8579ba1
--- /dev/null
+++ b/scss/_sidenotes.scss
@@ -0,0 +1,31 @@
+$sidenote-width: 14rem;
+
+.sidenote-container {
+  margin-right: $sidenote-width + 1rem;
+
+  @include media-medium {
+    margin: auto;
+  }
+
+  .sidenote {
+    position: absolute;
+    box-sizing: border-box;
+
+    width: $sidenote-width;
+    right: -$sidenote-width - 2rem;
+    padding: 0 1rem;
+
+    color: $gray-dark;
+    border-top: 1px solid $gray-dark;
+    font-size: 0.8em;
+
+    @include media-medium {
+      width: initial;
+      position: initial;
+      right: initial;
+
+      border-bottom: 1px solid $gray-dark;
+      margin: 0.5rem 0;
+    }
+  }
+}
diff --git a/scss/main.scss b/scss/main.scss
index 08ce942..efec299 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -6,4 +6,5 @@
 @import 'footer';
 @import 'browser';
 @import 'content';
+@import 'sidenotes';
 @import 'canvasapp';
-- 
cgit v1.2.3