Add mobile responsive support

1 files changed, 10 insertions, 6 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index 5978f3f..f5037c5 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -1370,7 +1370,8 @@ code {
   -ms-flex: 1;
   flex: 1;
   max-width: 100%;
-  padding: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .column.col-12,
 .column.col-11,
@@ -2921,7 +2922,7 @@ a.text-error:hover {
 .divider[data-content]::after,
 .divider-vert[data-content]::after {
   background: #fff;
-  color: #e7e9ed;
+  color: #acb3c2;
   content: attr(data-content);
   display: inline-block;
   font-size: 12px;
@@ -2933,20 +2934,23 @@ a.text-error:hover {
 .divider {
   border-top: 1px solid #e7e9ed;
   height: 1px;
-  margin: 10px 0;
+  margin: 8px 0;
+}
+.divider[data-content] {
+  margin: 16px 0;
 }
 .divider-vert {
   display: block;
-  padding: 10px;
+  padding: 16px;
 }
 .divider-vert::before {
   border-left: 1px solid #e7e9ed;
-  bottom: 10px;
+  bottom: 8px;
   content: "";
   display: block;
   left: 50%;
   position: absolute;
-  top: 10px;
+  top: 8px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);