From f4108714c3046fceeda2d199093ae576bd8b3a70 Mon Sep 17 00:00:00 2001
From: Sean Steimer <ssteimer@adobe.com>
Date: Thu, 7 Dec 2023 13:46:33 -0800
Subject: [PATCH] add css rules to hide header and footer until they are loaded

---
 styles/styles.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/styles/styles.css b/styles/styles.css
index aa3309b..3737b8c 100644
--- 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);