From 8003efe0308d6a0c8236931acbbc325194244ecb Mon Sep 17 00:00:00 2001
From: Phoebe Gao <boba@hey.com>
Date: Mon, 4 Aug 2025 11:51:57 -0700
Subject: [PATCH] feat: support important property

---
 js/controllers/slidecontent.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/controllers/slidecontent.js b/js/controllers/slidecontent.js
index ae2ffe8d..4c6c07b9 100644
--- a/js/controllers/slidecontent.js
+++ b/js/controllers/slidecontent.js
@@ -51,7 +51,13 @@ export default class SlideContent {
 	load( slide, options = {} ) {
 
 		// Show the slide element
-		slide.style.display = this.Reveal.getConfig().display;
+		const displayValue = this.Reveal.getConfig().display;
+		if( displayValue.includes('!important') ) {
+			const value = displayValue.replace(/\s*!important\s*$/, '').trim();
+			slide.style.setProperty('display', value, 'important');
+		} else {
+			slide.style.display = displayValue;
+		}
 
 		// Media elements with data-src attributes
 		queryAll( slide, 'img[data-src], video[data-src], audio[data-src], iframe[data-src]' ).forEach( element => {