Put wait cursor globally when page is loading

don't use a div over everything as it interacts with the current hover state of elements
instead force a cursor on every element in body when the body has a loading class

src/routes/+layout.svelte

@@ -43,6 +43,9 @@
         $previousPage = from.url.pathname
     })
 
+    // Define page loading
+    $: browser && document.body.classList.toggle('is-loading', $pageLoading)
+
 
     onMount(() => {
         // Avoid FOUC
@@ -69,10 +72,6 @@
     <Footer />
 {/if}
 
-{#if $pageLoading}
-    <div class="page-loading" />
-{/if}
-
 <SVGSprite />
 <SmoothScroll />
 

src/style/_base.scss

@@ -28,6 +28,9 @@ html {
     &.block-scroll {
         overflow: hidden;
     }
+    &.is-loading * {
+        cursor: wait !important;
+    }
 }
 body {
     @include font-smooth;