ux: header, code + negative spacing

assets/scss/common/_variables.scss

@@ -24,6 +24,25 @@ $pink-500: #d32e9d;
 
 $primary: $purple;
 
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:                true;
+$enable-rounded:              true;
+$enable-shadows:              false;
+$enable-gradients:            false;
+$enable-transitions:          true;
+$enable-reduced-motion:       true;
+$enable-smooth-scroll:        true;
+$enable-grid-classes:         true;
+$enable-button-pointers:      true;
+$enable-rfs:                  true;
+$enable-validation-icons:     true;
+$enable-negative-margins:     true;
+$enable-deprecation-messages: true;
+$enable-important-utilities:  true;
+
 /** Bootstrap navbar fix (https://git.io/fADqW) */
 $navbar-dark-toggler-icon-bg: none;
 $navbar-light-toggler-icon-bg: none;

assets/scss/components/_code.scss

@@ -10,7 +10,7 @@ samp {
 pre {
   background: $beige;
   color: $black;
-  line-height: $line-height-lg;
+  line-height: $line-height-base;
   margin: 2rem 0;
   overflow: auto;
   padding: 1.25rem 1.5rem;

assets/scss/layouts/_header.scss

@@ -20,6 +20,10 @@
   color: $body-color;
 }
 
+.navbar-light .navbar-nav .active .nav-link {
+  color: $primary;
+}
+
 @include media-breakpoint-up(md) {
   .navbar-brand {
     font-size: $font-size-xl;