1 files changed, 65 insertions, 0 deletions
diff --git a/assets/scss/_bootstrap-variables.scss b/assets/scss/_bootstrap-variables.scss
new file mode 100755
index 0000000..bbbb9dc
--- /dev/null
+++ b/assets/scss/_bootstrap-variables.scss
@@ -0,0 +1,65 @@
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1300px,
+);
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+);
+
+$grid-gutter-width: 20px;
+
+$primary: #1de9b6;
+$secondary: #ffca28;
+$black: #212529;
+
+// Links
+$link-color: $primary;
+$link-decoration: none;
+$link-hover-color: lighten($primary, 20%);
+$link-hover-decoration: underline;
+
+// Fonts
+$font-size-base: 1rem; // Assumes the browser default, typically `16px`
+$font-family-base: 'Roboto', Arial, sans-serif, -apple-system;
+$font-family-serif: 'Lora', Arial, sans-serif, -apple-system;
+$font-family-mono: 'Roboto Mono', monospace;
+$line-height-base: 1.4;
+
+// Headings & Paragraph
+$paragraph-color: #333;
+
+$spacer: 1rem;
+$spacers: ();
+$spacers: map-merge(
+  (
+    0: 0,
+    1: 10px,
+    2: 20px,
+    3: 30px,
+    4: 40px,
+    5: 50px,
+    6: 60px,
+    7: 70px,
+    8: 80px,
+    9: 90px,
+    10: 100px,
+    11: 110px,
+    12: 120px,
+    13: 130px,
+    14: 140px,
+    15: 150px,
+    16: 160px,
+    17: 170px,
+    18: 180px,
+    19: 190px,
+    20: 200px,
+  ),
+  $spacers
+);