Merged core back into main project

client/scss/base/base.scss

@@ -0,0 +1,107 @@
+html {
+  box-sizing: border-box;
+  font-family: $core-font-standard;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+[v-cloak], .is-hidden {
+  display: none;
+}
+
+body {
+	background-color: mc('blue-grey','100');
+}
+
+main {
+	background-color: #FFF;
+}
+
+a {
+	color: mc('indigo', '600');
+	text-decoration: none;
+
+	&:hover {
+		color: mc('indigo', '700');
+		text-decoration: underline;
+	}
+}
+
+// Container
+
+.has-stickynav {
+	padding-top: 50px;
+}
+
+.container {
+  position: relative;
+
+  @include desktop {
+    margin: 0 auto;
+    max-width: 960px;
+
+    // Modifiers
+    &.is-fluid {
+      margin: 0;
+      max-width: none;
+    }
+  }
+
+
+  @include widescreen {
+    max-width: 1200px;
+  }
+}
+
+.content {
+	padding: 20px;
+}
+
+// Visibility
+
+.is-hidden {
+  display: none !important;
+}
+
+.is-hidden-mobile {
+  @include mobile {
+    display: none !important;
+  }
+}
+
+.is-hidden-tablet {
+  @include tablet {
+    display: none !important;
+  }
+}
+
+.is-hidden-tablet-only {
+  @include tablet-only {
+    display: none !important;
+  }
+}
+
+.is-hidden-touch {
+  @include touch {
+    display: none !important;
+  }
+}
+
+.is-hidden-desktop {
+  @include desktop {
+    display: none !important;
+  }
+}
+
+.is-hidden-desktop-only {
+  @include desktop-only {
+    display: none !important;
+  }
+}
+
+.is-hidden-widescreen {
+  @include widescreen {
+    display: none !important;
+  }
+}