fixed aside-bg

Author: dmalan

_sass/jekyll-theme-cs50.scss

@@ -2,7 +2,6 @@
 $font-family-sans-serif: "PT Sans" !default;
 
 // Crimson colors
-$aside-bg: #a51c30 !default; // Custom variable
 $link-color: #a51c30 !default;
 $link-color-dark: #ef9aa4 !default; // Passing lightness of #a51c30 foreground, against #212529 background, per https://webaim.org/resources/contrastchecker/
 $link-hover-color: $link-color !default;
@@ -270,8 +269,8 @@ pre code span {
 
 //// alert
 
-// Box shadows
-#alert, aside {
+// Box shadow
+#alert {
     box-shadow: .5rem .5rem 1rem rgba($black, .20); // https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss
 }
 

_sass/page.scss

@@ -1,5 +1,8 @@
 @import "jekyll-theme-cs50";
 
+// Custom variable
+$aside-bg: #a51c30 !default;
+
 // Root em
 html {
     font-size: 16px;
@@ -12,7 +15,7 @@ body > div.container-fluid > div.row {
 
 // Crimson background, transparent text
 aside {
-    background-color: $link-color;
+    background-color: $aside-bg;
     color: rgba($body-bg, 0.5);
     font-size: 1.125rem;
 }
@@ -41,6 +44,11 @@ aside.col-lg {
     padding: 2rem 2rem;
 }
 
+// Box shadow
+aside {
+    box-shadow: .5rem .5rem 1rem rgba($black, .20); // https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss
+}
+
 // Fixed width, scroll on larger devices
 @include media-breakpoint-up(lg) {
     @media screen {