From ecfc9758a86cfccf64a38435a803b9c31016b589 Mon Sep 17 00:00:00 2001
From: Jordan Scales <scalesjordan@gmail.com>
Date: Tue, 21 Apr 2020 15:57:08 -0400
Subject: [PATCH] some mobile styles

---
 docs/docs.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/docs/docs.css b/docs/docs.css
index 8a9b6d7..0339418 100644
--- a/docs/docs.css
+++ b/docs/docs.css
@@ -106,3 +106,33 @@ button.focused {
 button.active {
   box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
 }
+
+@media (max-width: 480px) {
+  aside {
+    display: none;
+  }
+
+  main {
+    box-sizing: border-box;
+    width: 100%;
+    margin: 0;
+    padding: 16px;
+  }
+
+  hr {
+    width: 100%;
+  }
+
+  p {
+    width: 100%;
+  }
+
+  h3 {
+    flex: 0;
+  }
+
+  .component {
+    display: block;
+    margin-top: 24px;
+  }
+}