Style setup

2020-01-02 15:32:45 +01:00
parent 396e6b5f00
commit 635576847d
13 changed files with 331 additions and 0 deletions
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -0,0 +1,51 @@
+// Colors
+$color-primary: #fff;
+$color-secondary: #000;
+$color-text: #333;
+
+// CSS Variables
+:root {
+    // Colors
+    --primary: #{$color-primary};
+    --secondary: #{$color-secondary};
+    --text: #{$color-text};
+}
+
+
+/* Fonts
+========================================================================== */
+$base-font-size: 16px;
+
+// Families
+$replacement: "Georgia, serif";
+$font-text: "font", #{$replacement};
+
+
+/* Sizes, margins and spacing
+====================================================================== */
+// Blocks
+
+
+/* Directories
+========================================================================== */
+$dir-img: "../img";
+$dir-fonts: "../fonts";
+$dir-node: "../node-modules";
+
+
+/* Animation
+========================================================================== */
+// Easing
+$ease-cubic: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+$ease-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+$ease-inout: ease-in-out;
+
+
+/* Responsive breakpoints
+========================================================================== */
+$screen-mob: 450px;
+$screen-xs: 767px;
+$screen-sm: 768px;
+$screen-md: 992px;
+$screen-lg: 1200px;
+$screen-xl: 1440px;