From: Dan Brown <redacted>
Date: Mon, 5 May 2025 11:21:32 +0000 (+0100)
Subject: Exports: Fixed CSS file BOM mark breaking CSS variables in exports
X-Git-Tag: v25.02.3~1^2~4
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/8821844c4aec3aa3e02d315829ebfccb8138d68a

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
---

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;