Merge pull request #14 from melissawm/header-footer

Fix header and footer icons and text

docs/stylesheets/custom.css

@@ -40,6 +40,81 @@
     color: white;
 }
 
+.md-footer-meta__inner {
+    display: flex;
+    flex-direction: column;
+}
+
+.md-footer-meta__inner-social {
+    display: flex;
+    flex-direction: row;
+    margin-left: 0;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.md-footer-meta__inner-social .links {
+    display: flex;
+    padding-left: 14px;
+}
+
+html .md-footer-meta.md-typeset a {
+    color: var(--md-footer-fg-color--light);
+    text-decoration: underline;
+}
+
+.md-header__links {
+    display: flex;
+    flex-direction: row;
+}
+
+.md-source {
+    font-weight: 700;
+    text-decoration: none !important;
+    display: flex;
+    align-items: center;
+    padding-right: 38px;
+    color: var(--md-footer-fg-color);
+    opacity: 0.7;
+}
+
+.md-source:hover {
+    opacity: 1;
+}
+
+.vl {
+    border-left: 2px solid white;
+    height: 42px;
+    opacity: 0.7;
+}
+
+.czi {
+    padding-left: 76px;
+}
+
+@media (max-width: 800px) {
+    .vl {
+        display: none;
+    }
+    .md-footer-meta__inner-social {
+        display: flex;
+        flex-direction: column;
+        align-self: flex-start;
+        padding-left: 1rem;
+    }
+    .md-footer-meta__inner-social .links {
+        padding-left: 0px;
+    }
+    .czi {
+        padding-left: 0px;
+    }
+    .md-source {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        align-self: flex-start;
+        padding: 0.3rem 0 0.3rem 0;
+    }
 .md-footer__title:hover {
     color: var(--md-accent-fg-color);
 }

mkdocs.yml

@@ -30,3 +30,4 @@ markdown_extensions:
   - admonition
   - pymdownx.details
   - pymdownx.superfences
+