themes/vanilla/assets/scss/style.scss

@@ -1,5 +1,6 @@
 @import "variables.scss";
 @import "mixins.scss";
+@import "margin.scss";
 @import "toc.scss";
 
 body {

themes/vanilla/assets/scss/toc.scss

@@ -1,6 +1,5 @@
 @import "variables.scss";
 @import "mixins.scss";
-@import "margin.scss";
 
 $toc-color: $code-color;
 $toc-border-color: $code-border-color;

themes/vanilla/layouts/partials/head.html

@@ -12,8 +12,7 @@
     {{ $sidenotes := resources.Get "scss/sidenotes.scss" | resources.ToCSS | resources.Minify }}
     {{ $code := resources.Get "scss/code.scss" | resources.ToCSS | resources.Minify }}
     {{ $icon := resources.Get "img/favicon.png" }}
-    <style>.sidenote-checkbox { display: none; }</style>
-    <style>.feather { width: 1rem; height: 1rem; }</style>
+    {{- partial "sidenotes.html" . -}}
     <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
     <link rel="stylesheet" href="{{ $sidenotes.Permalink }}" media="screen">
     <link rel="stylesheet" href="{{ $code.Permalink }}" media="screen">

themes/vanilla/layouts/partials/sidenotes.html

@@ -0,0 +1,5 @@
+<style>
+.sidenote-checkbox {
+    display: none;
+}
+</style>