add variables to heading margin

assets/sass/_theme/_configuration.sass

@@ -9,7 +9,7 @@ $color-selection: $color-background !default
 $color-selection-background: rgba($color-text, .7) !default
 
 // Scheme Dark colors (enable dark mode in your hugo configuration file)
-$has-dark-mode: true
+$has-dark-mode: false
 $color-dark-accent: rgb(120, 208, 255) !default
 $color-dark-text: #ffffff !default
 $color-dark-text-alt: #cbcbcb !default
@@ -357,6 +357,19 @@ $table-head-font-size-desktop: $h4-size-desktop !default
 $table-body-size: $body-size !default
 $table-body-size-desktop: $body-size-desktop !default
 
+// HEADING
+
+// Under desktop breakpoint
+$heading-margin-top: $spacing-4 !default
+$heading-margin-bottom: 0 !default
+// Upper desktop breakpoint without sidebar 
+$heading-margin-top-desktop: $spacing-6 !default
+$heading-margin-bottom-desktop: $heading-margin-bottom !default
+// Upper desktop breakpoint with sidebar 
+$heading-margin-top-with-sidebar: $spacing-5 !default
+$heading-margin-bottom-with-sidebar: $heading-margin-bottom !default
+
+
 // BLOCKS
 // Base
 $block-space-y: $spacing-5 !default

assets/sass/_theme/blocks/base.sass

@@ -11,10 +11,15 @@
                 margin-top: 0
 
 .heading
+    margin-bottom: $heading-margin-bottom
     &:not(:first-child)
-        margin-top: $spacing-5
+        margin-top: $heading-margin-top
+        @include in-page-with-sidebar
+            margin-top: $heading-margin-top-with-sidebar
+            margin-bottom: $heading-margin-bottom-with-sidebar
         @include in-page-without-sidebar
-            margin-top: $spacing-6
+            margin-top: $heading-margin-top-desktop
+            margin-bottom: $heading-margin-bottom-desktop
     @include in-page-without-sidebar
         h2
             width: columns(8)