From 2a3c73f6eaac4a14f68a7d37c895ed0b76fd88c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 13 Jun 2022 15:27:11 +0200
Subject: [PATCH] Move CSS variables to base file

---
 src/style/_base.scss      | 11 +++++++++++
 src/style/_variables.scss | 14 +-------------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/style/_base.scss b/src/style/_base.scss
index 5c44e8f..8a5e8c8 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -1,3 +1,14 @@
+// CSS Variables
+:root {
+    // Sizes
+    --container-width: $container-width;
+
+    // Animation
+    --ease-quart: cubic-bezier(.165, .84, .44, 1);
+    --ease-cubic: cubic-bezier(.785, .135, .15, .86);
+    --ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
+}
+
 html {
     font: #{$base-font-size}/1.2 $font-sans;
     font-weight: 400;
diff --git a/src/style/_variables.scss b/src/style/_variables.scss
index 51f9648..1bcd0d4 100644
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -16,19 +16,6 @@ $color-shadow-brown: #7A5D44;
 $color-cream: #FEF6EF;
 
 
-
-// CSS Variables
-:root {
-    // Sizes
-    --container-width: 1800px;
-
-    // Animation
-    --ease-quart: cubic-bezier(.165, .84, .44, 1);
-    --ease-cubic: cubic-bezier(.785, .135, .15, .86);
-    --ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
-}
-
-
 /* Fonts
 ========================================================================== */
 $base-font-size: 28px !default;
@@ -44,6 +31,7 @@ $font-serif: "Magnolia", #{$replacement-serif};
 /* Sizes, margins and spacing
 ====================================================================== */
 $base-width: 1600 !default;
+$container-width: 1800px !default;
 
 // Grid
 $cols-m: 8 !default;