some mobile styles

2020-04-21 15:57:08 -04:00 · 2020-04-21 15:57:08 -04:00 · ecfc9758a8
commit ecfc9758a8
parent c304370840
1 changed files with 30 additions and 0 deletions
--- 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;
+  }
+}