Fix errors that occur when you try to yarn watch:

assets/js/editor.js

@@ -0,0 +1,10 @@
+import { FontLoader } from './tools';
+
+const fonts = new FontLoader([
+    { name: 'Scene', weight: 700 },
+    { name: 'Scene', weight: 600 },
+    { name: 'Scene', weight: 400 },
+    { name: 'Scene', weight: 300 }
+]);
+
+fonts.load();

assets/js/tools/fonts.js

@@ -0,0 +1,49 @@
+import FontFaceObserver from 'fontfaceobserver';
+
+export default class FontLoader {
+    fonts = [];
+
+    constructor(fontsArray) {
+        this.fonts = fontsArray;
+    }
+
+    load() {
+        const fontsToLoad = [];
+
+        this.fonts.map((font) => {
+            const fontObserver = font.weight !== undefined
+                ? new FontFaceObserver(font.name, {weight: font.weight}).load(null, 400)
+                : new FontFaceObserver(font.name).load(null, 400);
+
+            fontsToLoad.push(fontObserver);
+        });
+
+        Promise.all(fontsToLoad)
+            .then(() => {
+                // eslint-disable-next-line no-console
+                console.log('All fonts have loaded via FontFaceObserver');
+                this.saveSession();
+            })
+            .catch(() => {
+                this.removeSession();
+            });
+
+        this.setLoadingClass();
+    }
+
+    saveSession() {
+        sessionStorage.fontsLoaded = true;
+
+        this.setLoadingClass();
+    }
+
+    removeSession() {
+        sessionStorage.fontsLoaded = false;
+    }
+
+    setLoadingClass() {
+        if (sessionStorage.fontsLoaded) {
+            document.documentElement.classList.add('fonts-loaded');
+        }
+    }
+}

assets/js/tools/index.js

@@ -0,0 +1 @@
+export FontLoader from './fonts';

assets/scss/globals/_reset.scss

@@ -1 +1 @@
-@import 'normalize.css';
+@import '~normalize.css';

assets/scss/tools/_mixins.scss

@@ -222,3 +222,7 @@
         }
     }
 }
+
+@function fluid-unit($pixel_value) {
+    @return #{strip-unit($pixel_value) / strip-unit($max-font)}rem;
+}

views/base.twig

@@ -31,15 +31,10 @@
                 {% endblock %}
             </main>
         {% endblock %}
-        {% block livechat %}
-            <a class="live-chat" href="/contact/ask-an-expert/"
-               target="_blank">{{ source('svgs/live-chat-circle.svg') }}</a>
-        {% endblock %}
         {% block footer %}
             {% include 'views/partials/footer.twig' %}
         {% endblock %}
     </div>
-    {% include 'views/partials/components/modal.twig' %}
 
     {{ function('wp_footer') }}
 {% endblock %}