CSS: Fix broken stuff by importing CSS in the correct order

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

diff --git a/src/static/css/site.scss b/src/static/css/site.scss
index 775ed176e00a69b32347aef123cd8fdcc137217d..ed2c7143f06e031d221fd18e4aeeda59e0212a7e 100644 (file)
--- a/src/static/css/site.scss
+++ b/src/static/css/site.scss
@@ -1,3 +1,8 @@
+@charset "utf-8";
+
+// Import some basic variables from Bulma
+@import "../../third-party/bulma/sass/utilities/initial-variables";
+
 /*
        Global Settings
 */
@@ -12,12 +17,19 @@ $yellow:                                            #e7e247;
 // Use the primary colour for links
 $link:                                                 $primary;
 
-// Buttons
-$button-padding-horizontal:            0;
+@import "../../third-party/bulma/sass/utilities/derived-variables";
+
+// section
+$section-padding:               3rem 1.5rem;
+$section-padding-desktop:       3rem 0.5rem;
+
+// Footer
+$footer-padding:                               3rem 1.5rem 3rem;
 
 /*
        Import Bulma
 */
+@import "../../third-party/bulma/sass/utilities/_all";
 @import "../../third-party/bulma/sass/base/_all";
 @import "../../third-party/bulma/sass/components/_all";
 @import "../../third-party/bulma/sass/elements/_all";
@@ -25,7 +37,6 @@ $button-padding-horizontal:           0;
 @import "../../third-party/bulma/sass/grid/_all";
 @import "../../third-party/bulma/sass/helpers/_all";
 @import "../../third-party/bulma/sass/layout/_all";
-@import "../../third-party/bulma/sass/utilities/_all";
 
 // Import fonts
 @import "fonts";