assets/scss/gmachine.scss

@@ -1,5 +1,4 @@
-@import "variables.scss";
+@import "style.scss";
-@import "mixins.scss";
 
 .gmachine-instruction {
     display: flex;

assets/scss/stack.scss

@@ -1,5 +1,4 @@
-@import "variables.scss";
+@import "style.scss";
-@import "mixins.scss";
 
 .stack {
     display: flex;
@@ -11,7 +10,7 @@
 
 .stack-element {
     text-align: center;
-    min-height: 1.5rem;
+    height: 1.5rem;
 
     &:not(:last-child) {
         border-bottom: $standard-border;

content/blog/stack_recursion.md

@@ -261,7 +261,12 @@ As before, we push the desired answer onto the stack:
 {{< stack >}}
     {{< stack_element >}}{{< /stack_element >}}
     {{< stack_element >}}1{{< /stack_element >}}
-    {{< stack_element >}}\(n\){{< /stack_element >}}
+    {{< stack_element >}}
+        {{< sidenote "right" "zero-note" "\(n\)" >}}
+        At this point, we know that \(n\) is equal to 0. However, for the sake of consistency,
+        and to avoid confusion, I do not substitute 0 here.
+        {{< /sidenote >}}
+    {{< /stack_element >}}
     {{< stack_element >}}factorial{{< /stack_element >}}
 {{< /stack >}}
 

themes/vanilla/assets/scss/mixins.scss

@@ -1,13 +0,0 @@
-@import "variables.scss";
-
-@mixin bordered-block {
-    border: $standard-border;
-    border-radius: .2rem;
-}
-
-@mixin below-container-width {
-    @media screen and (max-width: $container-width){
-        @content;
-    }
-}
-

themes/vanilla/assets/scss/sidenotes.scss

@@ -1,5 +1,4 @@
-@import "variables.scss";
+@import "style.scss";
-@import "mixins.scss";
 
 $sidenote-accommodate-shrink: 10rem;
 $sidenote-width: 30rem;

themes/vanilla/assets/scss/style.scss

@@ -1,5 +1,28 @@
-@import "variables.scss";
+$container-width: 45rem;
-@import "mixins.scss";
+$standard-border-width: .075rem;
+
+$primary-color: #36e281;
+$primary-color-dark: darken($primary-color, 10%);
+$code-color: #f0f0f0;
+$code-color-dark: darken($code-color, 10%);
+$border-color: #bfbfbf;
+
+$font-heading: "Lora", serif;
+$font-body: "Raleway", serif;
+$font-code: "Inconsolata", monospace;
+
+$standard-border: $standard-border-width solid $border-color;
+
+@mixin bordered-block {
+    border: $standard-border;
+    border-radius: .2rem;
+}
+
+@mixin below-container-width {
+    @media screen and (max-width: $container-width){
+        @content;
+    }
+}
 
 body {
   font-family: $font-body;

themes/vanilla/assets/scss/variables.scss

@@ -1,14 +0,0 @@
-$container-width: 45rem;
-$standard-border-width: .075rem;
-
-$primary-color: #36e281;
-$primary-color-dark: darken($primary-color, 10%);
-$code-color: #f0f0f0;
-$code-color-dark: darken($code-color, 10%);
-$border-color: #bfbfbf;
-
-$font-heading: "Lora", serif;
-$font-body: "Raleway", serif;
-$font-code: "Inconsolata", monospace;
-
-$standard-border: $standard-border-width solid $border-color;