Fixed the loading bar

src/scripts/loadingBar.js

@@ -29,7 +29,7 @@ loadingBar.show = function(status, errorText) {
 		if (!errorText) errorText = 'Whoops, it looks like something went wrong. Please reload the site and try again!'
 
 		// Move header down
-		if (visible.header()) header.dom().addClass('header__error')
+		if (visible.header()) header.dom().addClass('header--error')
 
 		// Modify loading
 		loadingBar.dom()
@@ -56,7 +56,7 @@ loadingBar.show = function(status, errorText) {
 		loadingBar._timeout = setTimeout(() => {
 
 			// Move header down
-			if (visible.header()) header.dom().addClass('header__loading')
+			if (visible.header()) header.dom().addClass('header--loading')
 
 			// Modify loading
 			loadingBar.dom()
@@ -81,7 +81,7 @@ loadingBar.hide = function(force) {
 		loadingBar.status = null
 
 		// Move header up
-		header.dom().removeClass('header__error header__loading')
+		header.dom().removeClass('header--error header--loading')
 
 		// Set timeout
 		clearTimeout(loadingBar._timeout)

src/styles/_header.scss

@@ -19,7 +19,7 @@
 		background: none;
 		border-bottom: none;
 
-		.header__error { background-color: rgba(10, 10, 10, .99); }
+		&.header--error { background-color: rgba(10, 10, 10, .99); }
 	}
 
 	// Toolbars -------------------------------------------------------------- //