css: make footer sticky.

2022-01-27 13:18:45 -06:00
parent c292c457ca
commit 6fbca01a23
5 changed files with 9 additions and 3 deletions
--- a/app/javascript/src/styles/base/010_reset.scss
+++ b/app/javascript/src/styles/base/010_reset.scss
@@ -6,6 +6,10 @@ html {
  text-size-adjust: none;
 }

+html, body {
+  height: 100%;
+}
+
 *, ::before, ::after {
  box-sizing: border-box;
 }
--- a/app/javascript/src/styles/common/utilities.scss
+++ b/app/javascript/src/styles/common/utilities.scss
@@ -95,7 +95,9 @@ $spacer: 0.25rem; /* 4px */

 .flex-1 { flex: 1 1 0%; }
 .flex-auto { flex: 1 1 auto; }
+.flex-initial { flex: 0 1 auto; }
 .flex-grow-1 { flex-grow: 1; }
+.flex-col { flex-direction: column; }
 .items-center { align-items: center; }
 .justify-center { justify-content: center; }