Merge pull request #15 from Netcentric/6-footer

6 footer
Netcentric · Dec 9, 2024 · 006afd6 · 006afd6
2 parents 36a9cf8 + 22c788e
commit 006afd6
Showing 1 changed file with 51 additions and 8 deletions.
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -4,13 +4,56 @@ footer {
   line-height: var(--txt206-line-height);
 }
 
-footer .footer > div {
-  margin: auto;
-  max-width: var(--content-max-width);
-  padding-block: 40px;
-  padding-inline: var(--content-padding-inline);
-}
+.footer {
+  --footer-text-color: var(--col-neutral80);
+
+  color: var(--footer-text-color);
+
+  > div {
+    margin: auto;
+    max-width: var(--content-max-width);
+    padding-block: 40px;
+    padding-inline: var(--content-padding-inline);
+  }
+
+  a {
+    text-decoration: underline;
+    color: var(--footer-text-color);
+
+    &:hover {
+      color: var(--col-neutral90);
+    }
+  }
+
+  ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px 24px;
+    list-style: none;
+    margin: 0 0 25px;
+    padding: 0;
+
+    /* stylelint-disable-next-line no-descending-specificity */
+    a {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
 
-footer .footer p {
-  margin: 0;
+  li:not(:last-child) {
+    position: relative;
+
+    &::after {
+      background-color: var(--footer-text-color);
+      content: '';
+      height: 15px;
+      position: absolute;
+      right: -11px;
+      top: 2px;
+      width: 1px;
+    }
+  }
 }