Set up home style and Splide carousel

assets/css/abstracts/_variables.scss

@@ -0,0 +1,59 @@
+// --------------------------------------------------
+// VARIABLES
+// --------------------------------------------------
+
+:root {
+
+    // Fonts
+
+    --text-font-family: Helvetica, Arial, sans-serif;
+    --regular-font-weight: 400;
+    --medium-font-weight: 500;
+    --semi-bold-font-weight: 600;
+    --bold-font-weight: 700;
+    --text-font-size: 1rem;
+    --text-line-height: 1.1;
+
+    // Dimensions
+
+    --icon-size: 3rem;
+    --sidebar-padding: 0.8rem;
+
+    // Colors
+
+    --black: #000;
+    --white: #fff;
+}
+
+// Media queries
+
+$tablet-media-query: 48rem;
+$desktop-media-query: 62rem;
+
+@media screen and (min-width: $tablet-media-query) {
+
+    :root {
+
+        // Fonts
+
+        --text-font-size: 0.95rem;
+
+        // Dimensions
+
+        --icon-size: 2.8rem;
+    }
+}
+
+@media screen and (min-width: $desktop-media-query) {
+
+    :root {
+
+        // Fonts
+
+        --text-font-size: 0.9rem;
+
+        // Dimensions
+
+        --icon-size: 2.6rem;
+    }
+}