From 7296a2090c6c413ae3bb33ec0900a35633a7a911 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 15 Jul 2020 07:09:47 -0400
Subject: [PATCH] Docs styles

---
 docs/assets/plugins/code-block/code-block.css | 10 ++++++++++
 docs/assets/styles/docs.css                   | 10 +++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/docs/assets/plugins/code-block/code-block.css b/docs/assets/plugins/code-block/code-block.css
index b65c6e77a..48c14c933 100644
--- a/docs/assets/plugins/code-block/code-block.css
+++ b/docs/assets/plugins/code-block/code-block.css
@@ -35,6 +35,16 @@
   transition: 250ms background-color;
 }
 
+@media screen and (max-width: 600px) {
+  .code-block__preview {
+    padding-right: 1.5rem;
+  }
+
+  .code-block__resizer {
+    display: none;
+  }
+}
+
 .code-block__source {
   border: solid 1px var(--sl-color-gray-90);
   border-bottom: none;
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 699c03190..bee2b8d06 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -83,7 +83,7 @@
   color: var(--sl-color-gray-60);
   text-align: right;
   padding: 0 var(--sl-spacing-small);
-  margin: -1.25rem 0 .5rem 0;
+  margin: -1.25rem 0 .6rem 0;
 }
 
 .sidebar-buttons {
@@ -170,6 +170,13 @@ p + .code-block {
 }
 
 /* Content */
+@media screen and (max-width: 600px) {
+  .markdown-section {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+
 .markdown-section .logo {
   max-width: 24rem;
 }
@@ -202,6 +209,7 @@ html .repo-button {
   text-decoration: none;
   color: var(--sl-color-gray-30);
   padding: var(--sl-spacing-xx-small) var(--sl-spacing-small);
+  margin-bottom: var(--sl-spacing-xx-small);
   transition: 0.25s all;
 }