a simple footer

2017-08-22 19:37:22 -05:00
parent 7117f4e0c4
commit 06f126ba6e
8 changed files with 73 additions and 19 deletions
--- a/site/assets/scss/elements/_footer.scss
+++ b/site/assets/scss/elements/_footer.scss
@ -0,0 +1,28 @@
+footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0;
+  background-color: $dark-blue;
+  padding: $gutter;
+  color: $light-grey;
+
+  nav {
+    flex: 0 1 auto;
+    margin: 5px 0;
+  }
+}
+
+@media screen and (min-width: 650px) {
+  footer {
+    flex-direction: row;
+  }
+}
+
+@media screen and (min-width: 900px) {
+  footer {
+    padding: ($gutter * 2) calc((100% - 850px) / 2);
+    width: 850px;
+  }
+}