From 8821844c4aec3aa3e02d315829ebfccb8138d68a Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Mon, 5 May 2025 12:21:32 +0100
Subject: [PATCH] Exports: Fixed CSS file BOM mark breaking CSS variables in
 exports

Adds a dummy CSS rule to break as the first rule, instead of our
:root variables.
Fixes #5576
---
 resources/sass/_vars.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/sass/_vars.scss b/resources/sass/_vars.scss
index 26539656e..1a9590e73 100644
--- a/resources/sass/_vars.scss
+++ b/resources/sass/_vars.scss
@@ -1,5 +1,12 @@
 // Variables
-///////////////
+// A range of SASS and plain CSS variables used in BookStack
+////////////////////////////////////////////////////////////
+
+// This is simply placed here at the top to prevent parsing/rendering issues
+// where built CSS files may have a starting BOM mark which can break the first css rule
+// when used inline, so this is here as a sacrifice in such scenarios instead of an important rule.
+// Related: https://github.com/sass/dart-sass/issues/472
+.dummy-style {color: red;}
 
 // Screen breakpoints
 $bp-xxxl: 1700px;