Docs/demo refresh

2017-10-25 23:59:53 +11:00
parent 57517a9dcc
commit 378aa159b8
39 changed files with 618 additions and 575 deletions
@@ -0,0 +1,44 @@
+// ==========================================================================
+// Core
+// ==========================================================================
+
+html {
+    background: @page-background;
+    background-attachment: fixed;
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+main {
+    text-align: center;
+}
+
+.grid {
+    flex: 1;
+}
+
+aside {
+    width: 100%;
+    padding: (@spacing-base * 0.75);
+    background: #fff;
+    text-align: center;
+    color: @gray;
+    text-shadow: none;
+
+    a {
+        color: @color-twitter;
+
+        &.tab-focus {
+            .tab-focus(@color-twitter);
+        }
+    }
+}
@@ -0,0 +1,21 @@
+// ==========================================================================
+// Errors (AWS pages)
+// ==========================================================================
+
+// Error page
+html.error,
+.error body {
+    height: 100%;
+}
+
+.error body {
+    width: 100%;
+    display: table;
+    table-layout: fixed;
+}
+
+.error main {
+    display: table-cell;
+    width: 100%;
+    vertical-align: middle;
+}
@@ -0,0 +1,19 @@
+// ==========================================================================
+// Super basic grid
+// ==========================================================================
+
+.grid {
+    margin: 0 auto;
+    padding: @spacing-base;
+
+    @media @mq-md {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        max-width: @container-max-width;
+
+        > * {
+            flex: 1;
+        }
+    }
+}