fluid layouts started

Natours/starter/sass/abstracts/_mixins.scss

@@ -0,0 +1,7 @@
+@mixin clearfix {
+    &::after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}

Natours/starter/sass/abstracts/_variables.scss

@@ -0,0 +1,15 @@
+//Colors
+$color-primary: #7ed56f;
+$color-primary-light: #55c57a;
+$color-primary-dark: #28b485;
+
+$color-grey-light-1: #f7f7f7;
+
+$color-gray-dark: #777;
+$color-white: #fff;
+$color-black: #000;
+
+//Grid Spacing
+$grid-width: 114rem;
+$gutter-vertical: 8rem;
+$gutter-horizontal: 6rem;