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
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;