diff --git a/src/lib/Post.svelte b/src/lib/Post.svelte
index 93e0349..9711c80 100644
--- a/src/lib/Post.svelte
+++ b/src/lib/Post.svelte
@@ -9,6 +9,8 @@
diff --git a/src/lib/Sidenote.svelte b/src/lib/Sidenote.svelte
index 7b699b0..9ed46e0 100644
--- a/src/lib/Sidenote.svelte
+++ b/src/lib/Sidenote.svelte
@@ -18,6 +18,7 @@
}
.sidenote {
+ color: #555;
font-size: 0.8rem;
&:before {
@@ -40,10 +41,15 @@
}
.sidenote {
- position: absolute;
- left: calc(50vw + var(--content-width) / 2 + 1rem);
- max-width: 12rem;
+ --gap: 2rem;
+ --sidenote-width: min(14rem, calc(50vw - var(--gap) - var(--content-width) / 2));
+ max-width: var(--sidenote-width);
hyphens: auto;
+ position: relative;
+ float: right;
+ clear: right;
+ margin-right: calc(0rem - var(--sidenote-width) - var(--gap)); // gives us 2rem of space between content and sidenote
+ margin-bottom: 0.7rem;
}
}
@@ -91,69 +97,29 @@
-
-
-
+
+
+
\ No newline at end of file