Unstyled Content

If you are using the Foxtail utilties to display content shown when the page first loads you will probably come across the problem of the browser showing a flash of unstyled content. This occurs when the browser shows content before the Foxtail javascript has finished loading and compiling the classes.

Fortunately this problem is easily fixed by adding a hidden attribute on the <body> element.  

<body hidden>

Foxtail will automatically remove this attribute once it has finished compiling all the classes. This ensures that nothing is displayed before the utility styles have been injected into the page.