Loading Overlay

To use the Loading Overlay for page load event you should do the following:

Note: this is needed because javascript goes on footer and you want the overlay to be the first thing to be shown in your page.

1. Add the class loading-overlay-showing to the body

2. Add the attribute data-loading-overlay to the body also

3. Put this html right after opening the body tag

   Dark Background + White Loader:

   <span class="loading-overlay dark">
    <span class="loader white"></span>
</span>

   White Background + Black Loader:

   <span class="loading-overlay light">
    <span class="loader black"></span>
</span>