await body(_out)
- footer.extend-background {
+ footer.page-footer.extend-background.py-5 {
a(rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/") {
img(alt="Creative Commons License" style="border-width:0;" src="/images/by-sa_3.0_88x31.png") {}
}
p {'Example code fragments embedded within the text are placed in the public domain unless otherwise noted.'}
- p {`Copyright © ${new XDate(env.now).getUTCFullYear()} ${copyright}.`}
+ p.mb-0 {`Copyright © ${new XDate(env.now).getUTCFullYear()} ${copyright}.`}
}
}
}
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;
}
}
+// Nick (for sidebar)
+.nav-link2 {
+ @include hover-focus() {
+ background: $nav-link-hover-bg2; // Nick
+ }
+}
+
//
// Tabs
//
sm: 576px,
md: 768px,
lg: 992px,
- xl: 1200px
+ xl: 1200px,
+ //xxl: 1500px // Nick (for sidebar)
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
sm: 540px,
md: 720px,
lg: 960px,
- xl: 1140px
+ xl: 1140px,
+ //xxl: 1420px // Nick (for sidebar)
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");
$nav-link-padding-x: 1rem !default;
$nav-link-disabled-color: $gray-600 !default;
$nav-link-hover-bg: $gray-200 !default; // Nick
+$nav-link-hover-bg2: $gray-400 !default; // Nick (for sidebar)
$nav-tabs-border-color: $gray-300 !default;
$nav-tabs-border-width: $border-width !default;