first commit

resources/sass/setup/_colors.scss

@@ -0,0 +1,24 @@
+// Colors
+
+$white: #ffffff;
+$black: #1a1a1a;
+$grey: grey;
+$greyLight: #eeeeee;
+
+
+
+$dark: #1F2605;
+$mediumDark: #1F6521;
+$medium: #53900F;
+$mediumLight: #A4A71E;
+$light: #D6CE15;
+
+
+$primary: $mediumDark;
+$secondary: #000;
+$interactive: #000;
+$error: #000;
+$disabled: #000;
+
+$font: $black;
+$fontTitle: $dark;

resources/sass/setup/_fonts.scss

@@ -0,0 +1,12 @@
+// Fonts
+@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+
+html {
+    font-size: 62.5%;
+}
+
+body {
+    font-family: 'Open Sans', sans-serif;
+    font-size: 1.6rem;
+    color: $font;
+}

resources/sass/setup/_positions.scss

@@ -0,0 +1,119 @@
+// Positions
+
+$base: 1rem;
+
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.block {
+    display: block;
+}
+
+.inline {
+    display: inline;
+}
+
+.flex {
+    display: flex;
+}
+
+.flex-col {
+    display: flex;
+    flex-direction: column;
+}
+
+.flex-center {
+    display: flex;
+    align-items: center;
+}
+
+.flex-end {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.flex-between {
+    display: flex;
+    justify-content: space-between;
+}
+
+.width-full {
+    width: 100%;
+}
+
+.m-auto {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.p-auto {
+    padding-left: auto;
+    padding-right: auto;
+}
+
+@for $i from 1 through 5 {
+    .m-#{$i} {
+        margin: $i * $base;
+    }
+
+    .mx-#{$i} {
+        margin-left: $i * $base;
+        margin-right: $i * $base;
+    }
+
+    .my-#{$i} {
+        margin-top: $i * $base;
+        margin-bottom: $i * $base;
+    }
+
+    .mt-#{$i} {
+        margin-top: $i * $base;
+    }
+
+    .ml-#{$i} {
+        margin-left: $i * $base;
+    }
+
+    .mr-#{$i} {
+        margin-right: $i * $base;
+    }
+
+    .mb-#{$i} {
+        margin-bottom: $i * $base;
+    }
+
+    .p-#{$i} {
+        padding: $i * $base;
+    }
+
+    .px-#{$i} {
+        padding-left: $i * $base;
+        padding-right: $i * $base;
+    }
+
+    .py-#{$i} {
+        padding-top: $i * $base;
+        padding-bottom: $i * $base;
+    }
+
+    .pt-#{$i} {
+        padding-top: $i * $base;
+    }
+
+    .pl-#{$i} {
+        padding-left: $i * $base;
+    }
+
+    .pb-#{$i} {
+        padding-bottom: $i * $base;
+    }
+}
+
+.z-10 {
+    z-index: 10;
+}

resources/sass/setup/_reset.scss

@@ -0,0 +1,13 @@
+// Reset
+
+body {
+    margin: 0;
+}
+
+div,
+input,
+nav,
+aside {
+    box-sizing: border-box;
+}
+