We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent ab5aede commit 3f70e19Copy full SHA for 3f70e19
1 file changed
site.css
@@ -7,11 +7,22 @@ body {
7
}
8
9
.article.content {
10
+ /* Override 100vh from myst-theme:styles/typography.css so content div
11
+ * doesn't push the footer offscreen.
12
+ */
13
min-height: 0vh;
14
flex: 1 0 auto;
15
16
17
.footer {
18
+ /* Make footer "sticky" to page bottom (also the above flex rules), per
19
+ * the flexbox strategy described here:
20
+ * https://css-tricks.com/couple-takes-sticky-footer/#aa-there-is-flexbox
21
+ * and here:
22
+ * https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
23
+ * This solution does not require hardcoding a fixed footer height in the
24
+ * style rules.
25
26
flex-shrink: 0;
27
background: #013243;
28
color: white;
0 commit comments