From 37bcccfaa76dbd5a95bba5bf85ad671b500da5ef Mon Sep 17 00:00:00 2001
From: Henk Verlinde <henk@ventizo.com>
Date: Fri, 5 Mar 2021 11:40:27 +0100
Subject: [PATCH] ux: header, code + negative spacing

---
 assets/scss/common/_variables.scss | 19 +++++++++++++++++++
 assets/scss/components/_code.scss  |  2 +-
 assets/scss/layouts/_header.scss   |  4 ++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/assets/scss/common/_variables.scss b/assets/scss/common/_variables.scss
index c5e647c..4bb8fc4 100644
--- a/assets/scss/common/_variables.scss
+++ b/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;
diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss
index ac6db8a..edbf3a6 100644
--- a/assets/scss/components/_code.scss
+++ b/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;
diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss
index 66edbcc..d9e7abd 100644
--- a/assets/scss/layouts/_header.scss
+++ b/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;