add css rules to hide header and footer until they are loaded

adobe-rnd · Dec 7, 2023 · f410871 · f410871
1 parent efc8214
commit f410871
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -79,6 +79,16 @@ header {
   height: var(--nav-height);
 }
 
+header .header,
+footer .footer {
+  visibility: hidden;
+}
+
+header .header[data-block-status="loaded"],
+footer .footer[data-block-status="loaded"] {
+  visibility: visible;
+}
+
 h1, h2, h3,
 h4, h5, h6 {
   font-family: var(--heading-font-family);