@pnx-mixtape/mxds 0.0.7 → 0.0.8

package/dist/build/footer.css

@@ -0,0 +1,151 @@
+/**
+ * Global Footer
+ */
+
+@layer design-system.layouts {
+  .mx-footer {
+    position: sticky;
+    inset-block-start: 100vh;
+  }
+
+  .mx-footer__inner {
+    display: grid;
+    grid-template-areas: "brand" "social" "navigation" "copyright" "links";
+  }
+
+    @media (min-width: 720px) {
+
+  .mx-footer__inner {
+      grid-template-areas: "brand navigation" "social navigation" "copyright links";
+      gap: 0;
+  }
+    }
+
+    .mx-footer__inner:has(.mx-footer__aoc) {
+      grid-template-areas: "aoc" "brand" "social" "navigation" "copyright" "links";
+    }
+
+      @media (min-width: 720px) {
+
+    .mx-footer__inner:has(.mx-footer__aoc) {
+        grid-template-areas: "aoc aoc" "brand navigation" "social navigation" "copyright links";
+    }
+      }
+
+    .mx-footer__inner .mx-logo {
+      grid-area: brand;
+      margin-block-end: var(--gap);
+    }
+
+    .mx-footer__inner .mx-social-links {
+      grid-area: social;
+      align-self: end;
+    }
+
+    .mx-footer__inner .mx-footer__copyright {
+      grid-area: copyright;
+      align-self: end;
+    }
+
+      .mx-footer__inner .mx-footer__copyright:not(:first-child) {
+        padding-block-start: var(--spacing-s);
+        border-block-start: 1px solid
+          var(--line-colour, var(--colour-border));
+        border-block-start: var(--line-width, 1px) solid
+          var(--line-colour, var(--colour-border));
+        margin-block-start: var(--gap);
+      }
+          @media (min-width: 720px) {
+
+        .mx-footer__inner .mx-footer__copyright:not(:first-child) + .mx-footer__links {
+            padding-block-start: var(--spacing-s);
+            border-block-start: 1px solid
+              var(--line-colour, var(--colour-border));
+            border-block-start: var(--line-width, 1px) solid
+              var(--line-colour, var(--colour-border));
+        }
+          }
+
+    .mx-footer__inner .mx-footer__links {
+      grid-area: links;
+      align-self: end;
+    }
+
+      @media (min-width: 720px) {
+
+    .mx-footer__inner .mx-footer__links {
+        justify-content: end;
+    }
+      }
+
+      .mx-footer__inner .mx-footer__links:not(:first-child) {
+        margin-block-start: var(--gap);
+      }
+
+  .mx-footer__aoc {
+    grid-area: aoc;
+    padding-block-end: var(--footer-row-gap, var(--spacing-xxl));
+    border-block-end: 1px solid
+      var(--line-colour, var(--colour-border));
+    border-block-end: var(--line-width, 1px) solid
+      var(--line-colour, var(--colour-border));
+    margin-block-end: var(--gap);
+    text-align: center;
+  }
+
+  .mx-nav--footer {
+    grid-area: navigation;
+    margin-block: var(--spacing-xxxl) var(--spacing-l);
+  }
+
+    @media (min-width: 720px) {
+
+  .mx-nav--footer {
+      justify-self: end;
+      margin-block: 0;
+  }
+    }
+
+    .mx-nav--footer:not(:has(.mx-nav__level-2)) ul {
+      flex-flow: row wrap;
+      align-items: center;
+      gap: var(--spacing-l) var(--spacing-xxxl);
+    }
+      .mx-nav--footer:has(.mx-nav__level-2) ul {
+        display: grid;
+      }
+
+      .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
+        gap: var(--spacing-l) var(--spacing-xxxl);
+        grid-template-columns: 1fr 1fr;
+      }
+
+        @media (min-width: 720px) {
+
+      .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
+          grid-template-columns: 1fr 1fr 1fr;
+      }
+        }
+
+        .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 > li > a {
+          display: inline-block;
+          margin-block-end: var(--spacing-l);
+          font-weight: var(--font-weight-bold);
+        }
+
+      .mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2 {
+        gap: var(--spacing-xs);
+      }
+
+    .mx-nav--footer .mx-nav__toggle {
+      display: none;
+    }
+}
+
+@media print {
+  .mx-footer {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQix3QkFBd0I7RUFDMUI7O0VBRUE7SUFDRSxhQUFhO0lBQ2Isc0VBQXNFO0VBeUR4RTs7SUF2REU7O0VBSkY7TUFLSSw2RUFBNkU7TUFDN0UsTUFBTTtFQXFEVjtJQXBERTs7SUFFQTtNQUNFLDRFQUE0RTtJQUs5RTs7TUFIRTs7SUFIRjtRQUlJLHVGQUF1RjtJQUUzRjtNQURFOztJQUdGO01BQ0UsZ0JBQWdCO01BQ2hCLDRCQUE0QjtJQUM5Qjs7SUFFQTtNQUNFLGlCQUFpQjtNQUNqQixlQUFlO0lBQ2pCOztJQUVBO01BQ0Usb0JBQW9CO01BQ3BCLGVBQWU7SUFnQmpCOztNQWRFO1FBQ0UscUNBQXFDO1FBQ3JDO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsOEJBQThCO01BU2hDO1VBTkk7O1FBREY7WUFFSSxxQ0FBcUM7WUFDckM7c0RBQzBDO1lBRDFDO3NEQUMwQztRQUU5QztVQURFOztJQUtOO01BQ0UsZ0JBQWdCO01BQ2hCLGVBQWU7SUFTakI7O01BUEU7O0lBSkY7UUFLSSxvQkFBb0I7SUFNeEI7TUFMRTs7TUFFQTtRQUNFLDhCQUE4QjtNQUNoQzs7RUFJSjtJQUNFLGNBQWM7SUFDZCw0REFBNEQ7SUFDNUQ7OENBQzBDO0lBRDFDOzhDQUMwQztJQUMxQyw0QkFBNEI7SUFDNUIsa0JBQWtCO0VBQ3BCOztFQUVBO0lBQ0UscUJBQXFCO0lBQ3JCLGtEQUFrRDtFQXlDcEQ7O0lBdkNFOztFQUpGO01BS0ksaUJBQWlCO01BQ2pCLGVBQWU7RUFxQ25CO0lBcENFOztJQUVBO01BQ0UsbUJBQW1CO01BQ25CLG1CQUFtQjtNQUNuQix5Q0FBeUM7SUFDM0M7TUFHRTtRQUNFLGFBQWE7TUFDZjs7TUFFQTtRQUNFLHlDQUF5QztRQUN6Qyw4QkFBOEI7TUFXaEM7O1FBVEU7O01BSkY7VUFLSSxrQ0FBa0M7TUFRdEM7UUFQRTs7UUFFQTtVQUNFLHFCQUFxQjtVQUNyQixrQ0FBa0M7VUFDbEMsb0NBQW9DO1FBQ3RDOztNQUdGO1FBQ0Usc0JBQXNCO01BQ3hCOztJQUdGO01BQ0UsYUFBYTtJQUNmO0FBRUo7O0FBRUE7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6ImZvb3Rlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdsb2JhbCBGb290ZXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWZvb3RlciB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMTAwdmg7XG4gIH1cblxuICAubXgtZm9vdGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiYnJhbmQgbmF2aWdhdGlvblwiIFwic29jaWFsIG5hdmlnYXRpb25cIiBcImNvcHlyaWdodCBsaW5rc1wiO1xuICAgICAgZ2FwOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1mb290ZXJfX2FvYykge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJhb2NcIiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImFvYyBhb2NcIiBcImJyYW5kIG5hdmlnYXRpb25cIiBcInNvY2lhbCBuYXZpZ2F0aW9uXCIgXCJjb3B5cmlnaHQgbGlua3NcIjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1sb2dvIHtcbiAgICAgIGdyaWQtYXJlYTogYnJhbmQ7XG4gICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIH1cblxuICAgICYgLm14LXNvY2lhbC1saW5rcyB7XG4gICAgICBncmlkLWFyZWE6IHNvY2lhbDtcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcbiAgICB9XG5cbiAgICAmIC5teC1mb290ZXJfX2NvcHlyaWdodCB7XG4gICAgICBncmlkLWFyZWE6IGNvcHlyaWdodDtcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcblxuICAgICAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcblxuICAgICAgICAmICsgLm14LWZvb3Rlcl9fbGlua3Mge1xuICAgICAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1mb290ZXJfX2xpbmtzIHtcbiAgICAgIGdyaWQtYXJlYTogbGlua3M7XG4gICAgICBhbGlnbi1zZWxmOiBlbmQ7XG5cbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgICB9XG5cbiAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLWdhcCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm14LWZvb3Rlcl9fYW9jIHtcbiAgICBncmlkLWFyZWE6IGFvYztcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tZm9vdGVyLXJvdy1nYXAsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuXG4gIC5teC1uYXYtLWZvb3RlciB7XG4gICAgZ3JpZC1hcmVhOiBuYXZpZ2F0aW9uO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc3BhY2luZy14eHhsKSB2YXIoLS1zcGFjaW5nLWwpO1xuXG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAganVzdGlmeS1zZWxmOiBlbmQ7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgfVxuXG4gICAgJjpub3QoOmhhcygubXgtbmF2X19sZXZlbC0yKSkgdWwge1xuICAgICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctbCkgdmFyKC0tc3BhY2luZy14eHhsKTtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtbmF2X19sZXZlbC0yKSB7XG4gICAgICAmIHVsIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIH1cblxuICAgICAgJiAubXgtbmF2X19sZXZlbC0xIHtcbiAgICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLWwpIHZhcigtLXNwYWNpbmcteHh4bCk7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblxuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBsaSA+IGEge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1ib2xkKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5teC1uYXZfX2xldmVsLTIge1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHMpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1mb290ZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiJdfQ== */