Consistency changes wrt nick_site, makes page footer slightly taller

[ndcode_site.git] / css / bootstrap / _custom.scss

diff --git a/css/bootstrap/_custom.scss b/css/bootstrap/_custom.scss
index c04669a..6de27a1 100644 (file)
--- a/css/bootstrap/_custom.scss
+++ b/css/bootstrap/_custom.scss
@@ -27,6 +27,22 @@ $footer-link-hover-color: darken($footer-link-color, 10%);
   padding-right: calc(.5 * (100vw - 100%));
 }
 
+// use within a grid column to extend the background to left/right
+.grid-gutter-background {
+  margin-left: -.5 * $grid-gutter-width;
+  margin-right: -.5 * $grid-gutter-width;
+  padding-left: .5 * $grid-gutter-width;
+  padding-right: .5 * $grid-gutter-width;
+}
+
+.sidebar {
+  position: sticky;
+  top: 0;
+  max-height: 100vh;
+  overflow-y: auto;
+  background-color: $gray-200;
+}
+
 // needed for svg icons inside buttons, card headers, etc
 // creates an inline element with correct width but no height
 // the svg is positioned within this to vertically centre on a capital letter
@@ -72,9 +88,11 @@ $icon-sizes: (
   margin-bottom: .5em;
 }
 
-footer, .footer {
-  padding-top: 35px;
-  padding-bottom: 25px;
+.page-header {
+  background-color: theme-color-level("primary", $alert-bg-level);
+}
+
+.page-footer {
   background-color: $gray-400;
   a {
     color: $footer-link-color;