base styles now buildable

web/app/themes/badegg/bud.config.js

@@ -23,7 +23,7 @@ export default async (app) => {
    *
    * @see {@link https://bud.js.org/reference/bud.setPublicPath}
    */
-  app.setPublicPath('/app/themes/sage/public/');
+  app.setPublicPath('/app/themes/badegg/public/');
 
   /**
    * Development server settings

web/app/themes/badegg/package.json

@@ -20,10 +20,10 @@
   },
   "devDependencies": {
     "@roots/bud": "6.20.0",
+    "@roots/bud-sass": "6.20.0",
     "@roots/sage": "6.20.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^7.0.1",
+    "@fortawesome/fontawesome-free": "^7.0.1"
-    "@roots/bud-sass": "^6.24.0"
   }
 }

web/app/themes/badegg/resources/styles/global/_typography.scss

@@ -15,27 +15,6 @@ h6 {
     margin-top: 0;
   }
 
-  &.has-flourish {
-    position: relative;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      content: '';
-      display: block;
-      width: 1em;
-      height: 1em;
-      mask-image: url("~/images/flourish-flipped.svg");
-      mask-repeat: no-repeat;
-      mask-size: contain;
-      background: $secondary;
-      transform: translate(-55%, -40%) rotate(270deg);
-      pointer-events: none;
-      font-size: 2em;
-    }
-  }
-
   @media screen {
     .knockout & {
       color: $white;

web/app/themes/badegg/resources/styles/global/framework/_spacing.scss

@@ -2,20 +2,10 @@
   container-type: inline-size;
 }
 
-.wrapper,
+.wrapper {
-.wrapper.section-has-angle {
   padding: 0;
 }
 
-.badegg-blocks {
-  .badegg-block {
-    &:last-of-type {
-      @extend .section-has-angle;
-      @extend .section-has-angle-bottom;
-    }
-  }
-}
-
 .brand {
   display: block;
   width: $brandWidth;

web/app/themes/badegg/resources/views/blocks/WYSIWYG/WYSIWYG.js

@@ -0,0 +1,4 @@
+export default function WYSIWYG()
+{
+
+}

web/app/themes/badegg/resources/views/sections/footer/footer.js

@@ -1,9 +1,13 @@
 export default function Footer() {
   const body = document.querySelector("body");
   const footer = document.querySelector(".js-footer");
+
+  if(!footer) return;
+
   const links = footer.querySelectorAll("a");
   const currentURL = location.protocol + '//' + location.host + location.pathname;
 
+
   links.forEach(link => {
     const hash = link.hash;
     const href = link.href;

web/app/themes/badegg/resources/views/sections/header/header.js

@@ -4,6 +4,8 @@ export default function Header() {
   const menuToggle = document.querySelector(".js-menu-toggle");
   const menuClose = document.querySelector(".js-menu-close");
 
+  if(!menuToggle) return;
+
   menuToggle.addEventListener("click", (e) => {
     e.preventDefault();
     body.classList.toggle("menu-open");