padding-left: calc(100vw - 100%);
}
+// place a container div around entire page, and then use this
+// to make the background on navbar or footer appear full-width
+.extend-background {
+ margin-left: calc(-.5 * (100vw - 100%));
+ margin-right: calc(-.5 * (100vw - 100%));
+ padding-left: calc(.5 * (100vw - 100%));
+ padding-right: calc(.5 * (100vw - 100%));
+}
+
// 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