use html hidden attribute instead of custom class

3 files changed, 2 insertions, 3 deletions

diff --git a/_includes/outdated.html b/_includes/outdated.html
index 2840b70..7859ecd 100644
--- a/_includes/outdated.html
+++ b/_includes/outdated.html
@@ -1,4 +1,4 @@
-<blockquote class="admonition hidden" x-unhide-after="{{ include.date | date: "%s" | plus: site.stale_threshold }}">
+<blockquote class="admonition" hidden x-unhide-after="{{ include.date | date: "%s" | plus: site.stale_threshold }}">
 	<p class="title">Warning</p>
 	<p>This post was last updated on {{ include.date | datefmt }}, and may no
 	longer contain accurate or up-to-date information.</p>
diff --git a/_sass/layout.scss b/_sass/layout.scss
index f944710..c8ada80 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -129,4 +129,3 @@ table {
 	margin-right: auto;
 }
 
-.hidden { display: none; }
diff --git a/script.js b/script.js
index d424c04..efaecbf 100644
--- a/script.js
+++ b/script.js
@@ -2,7 +2,7 @@
 	let now = Date.now() / 1000;
 	document.querySelectorAll("[x-unhide-after]").forEach(el => {
 		if (now > el.getAttribute("x-unhide-after"))
-			el.classList.remove("hidden");
+			el.removeAttribute("hidden");
 	});
 }