adds styles and library for social menu (#37)

* adds styles and library for social menu

* removes empty line break

---------

Co-authored-by: “Kerry <“kmurphychi@gmail.com”>

assets/scss/custom/_footer.scss

@@ -5,6 +5,50 @@
     padding-left: 2rem;
   }
 
+  ul.menu.menu--social.navbar-nav {
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: unset;
+
+    @include media-breakpoint-down(md) {
+      justify-content: flex-start;
+    }
+
+    i.bi {
+      color: white;
+      font-size: 1.5625rem;
+    }
+
+    .nav-link {
+      padding: unset;
+      position: relative;
+      margin-left: 1rem;
+
+      @include media-breakpoint-down(md) {
+        margin-left: 0;
+        margin-right: 1rem;
+      }
+    }
+
+    .nav-link:after {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 0.125rem;
+      transform: scaleX(0);
+      transform-origin: bottom right;
+      transition: transform 200ms ease-out;
+      background-color: #fff;
+      content: "";
+    }
+
+    .nav-link:hover:after {
+      transform: scaleX(1);
+      transform-origin: bottom left;
+    }
+  }
+
   .navbar-brand {
     color: #fff;
     font-size: 1.25rem;
@@ -33,9 +77,11 @@
     color: #fff;
     display: block;
     padding-top: 1rem;
-    padding-right: 1rem;
     padding-bottom: 1rem;
-    padding-left: 1rem;
+
+    &:not(:last-child) {
+      margin-right: 2rem;
+    }
   }
 }
 

saplings_child.info.yml

@@ -32,3 +32,6 @@ libraries-extend:
     - saplings_child/bootstrap
   ui_suite_bootstrap/form:
     - saplings_child/form
+
+libraries:
+  - menu_bootstrap_icon/cdn