From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 9 Jan 2024 16:46:06 +0000 (+0000)
Subject: error-pages: Only load the parts of Bulma we need
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=751afafea4fbdeafec1e01686b8977160c8649ab;p=ipfire.org.git

error-pages: Only load the parts of Bulma we need

This reduces the size of the embedded CSS from around 400k to 100k. Not
great, but better than before.

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/error-pages/_includes/main.sass b/src/error-pages/_includes/main.sass
index cafcabf3..42e10157 100644
--- a/src/error-pages/_includes/main.sass
+++ b/src/error-pages/_includes/main.sass
@@ -1,2 +1,31 @@
-// Import the main CSS styles
-@import "../sass/main.sass"
+@charset "utf-8"
+
+$baseurl: "https://www.michael.dev.ipfire.org"
+
+// Import variables
+@import "../sass/_variables.sass"
+
+// Import only the Bulma stuff that we actually need
+@import "../third-party/bulma/sass/utilities/_all.sass"
+
+// The basic stuff
+@import "../third-party/bulma/sass/base/minireset.sass"
+@import "../third-party/bulma/sass/base/generic.sass"
+
+// Elements
+@import "../third-party/bulma/sass/elements/container.sass"
+@import "../third-party/bulma/sass/elements/content.sass"
+@import "../third-party/bulma/sass/elements/title.sass"
+
+// Helpers
+@import "../third-party/bulma/sass/helpers/color.sass"
+@import "../third-party/bulma/sass/helpers/typography.sass"
+
+// Components
+@import "../third-party/bulma/sass/components/navbar.sass"
+
+// Layout
+@import "../third-party/bulma/sass/layout/hero.sass"
+
+// Import fonts
+@import "../sass/_fonts"
diff --git a/src/error-pages/_layouts/error.html b/src/error-pages/_layouts/error.html
index c5e0f402..6b62622b 100644
--- a/src/error-pages/_layouts/error.html
+++ b/src/error-pages/_layouts/error.html
@@ -40,7 +40,9 @@
 				</div>
 			</div>
 
-			{{ content }}
+			<div class="content">
+				{{ content }}
+			</div>
 		</div>
 	</body>
 </html>