From 79363d53174f6dd8104bdbaf8005d626e076bb21 Mon Sep 17 00:00:00 2001
From: Lars van Vianen <lars@vianen.com>
Date: Wed, 21 Aug 2024 22:15:05 +0200
Subject: [PATCH] Create main.scss

---
 src/scss/main.scss | 56 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/scss/main.scss

diff --git a/src/scss/main.scss b/src/scss/main.scss
new file mode 100644
index 0000000..ff5e603
--- /dev/null
+++ b/src/scss/main.scss
@@ -0,0 +1,56 @@
+// Override Stylescape's Sass default variables
+//
+// Nearly all variables in Stylescape are written with the `!default` flag.
+// This allows you to override the default values of those variables before
+// you import Stylescape's source Sass files.
+//
+// Overriding the default variable values is the best way to customize your
+// CSS without writing _new_ styles. For example, you can either change
+// `$body-color` or write more CSS that override's Stylescape's CSS like so:
+// `body { color: red; }`.
+
+
+//
+// Bring in Stylescape
+//
+
+// Option 1
+//
+// Import all of Stylescape's CSS
+
+// @import "stylescape/scss/stylescape";
+
+// Option 2
+//
+// Place variable overrides first, then import just the styles you need. Note that some stylesheets are required no matter what.
+
+// Toggle global options
+$enable-gradients: true;
+$enable-shadows: true;
+
+$offcanvas-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
+
+// Include functions first
+@import "stylescape/scss/functions";
+
+// Customize some defaults
+$success: #7952b3;
+
+// Required
+@import "stylescape/scss/variables";
+@import "stylescape/scss/variables-dark";
+@import "stylescape/scss/maps";
+@import "stylescape/scss/mixins";
+@import "stylescape/scss/utilities";
+@import "stylescape/scss/root";
+@import "stylescape/scss/reboot";
+
+//
+// Custom styles
+//
+
+@import "custom";
+
+body {
+  padding: 1.5rem;
+}