Styling error page

2019-09-26 17:22:04 -04:00
parent 3aa5895c93
commit 6013d93182
6 changed files with 78 additions and 14 deletions
--- a/styles/components/_error_page.scss
+++ b/styles/components/_error_page.scss
@@ -0,0 +1,33 @@
+.error-page {
+  max-width: 475px;
+  margin: auto;
+
+  .panel__heading {
+    text-align: center;
+    padding: $gap 0;
+
+    hr {
+      width: 100%;
+      border: 1px solid $color-red;
+    }
+
+    h1 {
+      margin-bottom: $gap;
+    }
+  }
+
+  .panel__body {
+    padding: $gap * 2;
+    margin: 0;
+  }
+
+  .icon {
+    @include icon-size(60);
+  }
+
+  hr {
+    margin-bottom: $gap * 4;
+    width: 80%;
+    border: 0.5px solid $color-gray-light;
+  }
+}