Client - re-arrange style files + fix app-name padding

fittrackee_client/src/scss/base.scss

@@ -0,0 +1,34 @@
+@import 'colors';
+@import 'fonts';
+@import 'vars';
+
+body {
+  margin: 0;
+}
+
+#app {
+  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--app-color);
+
+  background-color: var(--app-background-color);
+
+  margin: 0;
+  min-height: 100vh;
+}
+
+a {
+  color: var(--app-a-color);
+  text-decoration: none;
+}
+
+.container {
+  display: flex;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: $container-width;
+  width: 100%;
+}

fittrackee_client/src/scss/colors.scss

@@ -0,0 +1,11 @@
+:root {
+  --app-background-color: #eaeaea;
+  --app-color: #2c3e50;
+  --app-a-color: #40578a;
+
+  --nav-bar-background-color: #FFFFFF;
+  --nav-bar-link-active: #485b6e;
+
+  --footer-background-color: #FFFFFF;
+  --footer-color: #8b8c8c;
+}

fittrackee_client/src/scss/fonts.scss

@@ -0,0 +1,56 @@
+/* pt-sans-regular - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('~@/assets/fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('PT Sans'), local('PTSans-Regular'),
+    url('~@/assets/fonts/pt-sans-v9-latin-regular.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-regular.woff2')
+      format('woff2'),
+    /* Super Modern Browsers */
+      url('~@/assets/fonts/pt-sans-v9-latin-regular.woff') format('woff'),
+    /* Modern Browsers */ url('~@/assets/fonts/pt-sans-v9-latin-regular.ttf')
+      format('truetype'),
+    /* Safari, Android, iOS */
+      url('~@/assets/fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
+}
+
+/* pt-sans-italic - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: url('~@/assets/fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
+  src: local('PT Sans Italic'), local('PTSans-Italic'),
+    url('~@/assets/fonts/pt-sans-v9-latin-italic.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-italic.woff2')
+      format('woff2'),
+    /* Super Modern Browsers */
+      url('~@/assets/fonts/pt-sans-v9-latin-italic.woff') format('woff'),
+    /* Modern Browsers */ url('~@/assets/fonts/pt-sans-v9-latin-italic.ttf')
+      format('truetype'),
+    /* Safari, Android, iOS */
+      url('~@/assets/fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
+}
+
+/* pt-sans-700 - latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('~@/assets/fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
+  src: local('PT Sans Bold'), local('PTSans-Bold'),
+    url('~@/assets/fonts/pt-sans-v9-latin-700.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-700.woff2')
+      format('woff2'),
+    /* Super Modern Browsers */ url('~@/assets/fonts/pt-sans-v9-latin-700.woff')
+      format('woff'),
+    /* Modern Browsers */ url('~@/assets/fonts/pt-sans-v9-latin-700.ttf')
+      format('truetype'),
+    /* Safari, Android, iOS */
+      url('~@/assets/fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
+}

fittrackee_client/src/scss/vars.scss

@@ -0,0 +1,6 @@
+/*
+* === MEDIA QUERIES ===
+*/
+$container-width: 1140px;
+$medium-limit: 1000px;
+$small-limit: 500px;