custom assets ported

app/assets/stylesheets/pages/_error.scss

@@ -0,0 +1,35 @@
+.error {
+    text-align: center;
+    background-color: $accent-color-1;
+    color: #fff;
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    margin-bottom: .5rem;
+}
+
+.error-header {
+  @include outer-container;
+  .page-title {
+    display: inline-block;
+    h1 {
+      font-family: $heading-font-face;
+      font-size: 1.5rem;
+    }
+  }
+  .secondary-btn {
+    margin-top: 1rem;
+  }
+}
+
+@media only screen and (min-width: $desktop) {
+  .error-header {
+    .page-title {
+      h1 {
+        font-size: 1.5rem;
+      }
+    }
+    .secondary-btn {
+      float:right;
+    }
+  }
+}

app/assets/stylesheets/pages/_styleguide.scss

@@ -0,0 +1,32 @@
+.styleguide_tpl {
+  @include outer-container;
+}
+
+#halisr {
+  font-family: $heading-font-face;
+  font-size:2rem;
+  #primary-100 { font-weight: 100; }
+  #primary-200 { font-weight: 200; }
+  #primary-300 { font-weight: 300; }
+  #primary-400 { font-weight: 400; }
+  #primary-500 { font-weight: 500; }
+  #primary-600 { font-weight: 600; }
+  #primary-700 { font-weight: 700; }
+  #primary-800 { font-weight: 800; }
+  #primary-900 { font-weight: 900; }
+}
+
+#lato {
+  font-family: $primary-font-face;
+  font-size:2rem;
+  #secondary-100 { font-weight: 100; }
+  #secondary-300 { font-weight: 300; }
+  #secondary-500 { font-weight: 500; }
+  #secondary-700 { font-weight: 700; }
+  #secondary-900 { font-weight: 900; }
+  #secondary-100-i { font-weight: 100; font-style: italic; }
+  #secondary-300-i { font-weight: 300; font-style: italic; }
+  #secondary-500-i { font-weight: 500; font-style: italic; }
+  #secondary-700-i { font-weight: 700; font-style: italic; }
+  #secondary-900-i { font-weight: 900; font-style: italic; }
+}