From a25df14611a0ca3cb1e1da3e1bcbe445b3a36715 Mon Sep 17 00:00:00 2001
From: Chris Friemann <github@chris.friemann.nl>
Date: Thu, 14 Dec 2023 13:13:36 +0100
Subject: [PATCH] feat: added sass globals and variables

---
 src/resources/js/app.js               |  2 ++
 src/resources/vue/scss/global.scss    | 11 +++++++++++
 src/resources/vue/scss/variables.scss | 16 ++++++++++++++++
 3 files changed, 29 insertions(+)
 create mode 100644 src/resources/vue/scss/global.scss
 create mode 100644 src/resources/vue/scss/variables.scss

diff --git a/src/resources/js/app.js b/src/resources/js/app.js
index 3368dcd..a76ba50 100644
--- a/src/resources/js/app.js
+++ b/src/resources/js/app.js
@@ -2,6 +2,8 @@ import './bootstrap';
 import { createApp, h } from 'vue'
 import { createPinia } from 'pinia'
 import { createInertiaApp } from '@inertiajs/vue3'
+import '../vue/scss/global.scss'
+import '../vue/scss/variables.scss'
 
 createInertiaApp({
     resolve: name => {
diff --git a/src/resources/vue/scss/global.scss b/src/resources/vue/scss/global.scss
new file mode 100644
index 0000000..ba18583
--- /dev/null
+++ b/src/resources/vue/scss/global.scss
@@ -0,0 +1,11 @@
+@import './variables.scss';
+
+html, body {
+    font-family: $font-main;
+    background-color: $color-dark-blue-100;
+    color: $color-white;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: bold;
+}
\ No newline at end of file
diff --git a/src/resources/vue/scss/variables.scss b/src/resources/vue/scss/variables.scss
new file mode 100644
index 0000000..4fa007b
--- /dev/null
+++ b/src/resources/vue/scss/variables.scss
@@ -0,0 +1,16 @@
+$font-main: 'Outfit', sans-serif;
+
+$color-white: #F7F4F3;
+$color-black: #000;
+$color-black-100: #343434;
+$color-black-200: #424B54;
+
+$color-dark-blue-100: #1D243A;
+$color-dark-blue-200: #445E93;
+
+$color-blue-100: #00BBF9;
+
+$color-green-100: #45CB85;
+$color-green-200: #A7C957;
+
+$color-red-100: #FF8360;
\ No newline at end of file