Merge pull request #451 from picturepan2/0.5.2

0.5.2

1 files changed, 37 insertions, 44 deletions

diff --git a/docs/dist/docs.css b/docs/dist/docs.css
index 1e62c67..625d3c7 100644
--- a/docs/dist/docs.css
+++ b/docs/dist/docs.css
@@ -1,6 +1,6 @@
 /*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
 .version::after {
-  content: "0.5.1";
+  content: "0.5.2";
 }
 
 .off-canvas .off-canvas-toggle {
@@ -14,6 +14,10 @@
   width: 12rem;
 }
 
+.off-canvas .off-canvas-content {
+  padding: 0;
+}
+
 .docs-navbar {
   height: 3.8rem;
   position: fixed;
@@ -67,11 +71,8 @@
 .docs-content {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
-  width: calc(100vw - 12rem);
-}
-
-.docs-content.off-canvas-content {
   padding: 0 4rem;
+  width: calc(100vw - 12rem);
 }
 
 .docs-content > .container {
@@ -82,22 +83,15 @@
 
 .docs-content .anchor {
   color: #6362dc;
-  height: 0;
-  margin-left: -2em;
-  overflow: hidden;
-  padding: 0 1em;
-  position: absolute;
-  text-align: center;
-  width: 0;
-  z-index: 100;
+  display: none;
+  margin-left: .2rem;
+  padding: 0 .2rem;
 }
 
 .docs-content .anchor:focus,
 .docs-content .anchor:hover {
-  box-shadow: none;
-  height: auto;
+  display: inline;
   text-decoration: none;
-  width: 2em;
 }
 
 .docs-content .s-title,
@@ -134,8 +128,7 @@
 
 .docs-content .s-title:hover .anchor,
 .docs-content .s-subtitle:hover .anchor {
-  height: auto;
-  width: 1em;
+  display: inline;
 }
 
 .docs-content .s-title + .docs-note,
@@ -143,14 +136,16 @@
   margin-top: .4rem;
 }
 
-.docs-content .docs-note {
-  margin: 1.5rem 0;
+.docs-content .docs-demo {
+  padding-bottom: 1rem;
+  padding-top: 1rem;
 }
 
 .docs-content .docs-ad {
   background: #f8f9fa;
   border-radius: .1rem;
-  display: inline-block;
+  display: block;
+  margin: 2rem 0;
   padding: .4rem;
   position: relative;
 }
@@ -227,32 +222,30 @@
   opacity: .75;
 }
 
-.docs-content .code {
+.docs-content .code .hljs-tag {
   color: #667189;
 }
 
-.docs-content .code .com {
+.docs-content .code .hljs-comment {
   color: #acb3c2;
 }
 
-.docs-content .code .tag {
+.docs-content .code .hljs-title,
+.docs-content .code .hljs-class,
+.docs-content .code .hljs-string {
   color: #5755d9;
 }
 
-.docs-content .code .atn {
-  color: #667189;
+.docs-content .code .hljs-attribute,
+.docs-content .code .hljs-variable,
+.docs-content .code .hljs-keyword,
+.docs-content .code .hljs-built_in {
+  color: #d73e48;
 }
 
-.docs-content .code .atv {
-  color: #e06870;
-}
-
-.docs-content .code[data-lang="Bash"] .tag {
-  margin-right: 1em;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+.docs-content .code .hljs-value,
+.docs-content .code .hljs-hexcolor {
+  color: #667189;
 }
 
 .docs-content .panel {
@@ -387,7 +380,6 @@
 
 .section-updates .card {
   border: 0;
-  color: #727e96;
   margin-bottom: 1rem;
 }
 
@@ -452,6 +444,9 @@
   .off-canvas .off-canvas-toggle {
     z-index: 300;
   }
+  .off-canvas .off-canvas-content {
+    width: 100%;
+  }
   .docs-sidebar .docs-brand {
     margin: .85rem 1.5rem;
     padding: 0;
@@ -470,7 +465,7 @@
     background: rgba(248, 249, 250, .65);
     left: 0;
   }
-  .docs-content.off-canvas-content {
+  .docs-content {
     min-width: auto;
     padding: 0 1.5rem;
     width: 100%;
@@ -513,10 +508,10 @@
     left: .5rem;
   }
   .docs-navbar .btn {
-    right: 1rem;
+    right: .9rem;
   }
   .grid-hero .docs-brand {
-    left: 1rem;
+    left: .9rem;
   }
   .docs-sidebar .docs-brand {
     margin: .85rem 1rem;
@@ -524,20 +519,18 @@
   .docs-sidebar .docs-nav {
     padding: .5rem 1rem;
   }
-  .docs-content.off-canvas-content {
+  .docs-content {
     padding: 0 .5rem;
   }
   .docs-content .docs-block {
     padding: .4rem .1rem;
   }
-  .docs-content .anchor {
-    display: none;
-  }
 }
 
 @media (min-width: 1366px) {
   .docs-ad.docs-ad-sidebar {
     bottom: 1rem;
+    margin: 0;
     position: fixed;
     right: 1rem;
     width: 7.3rem;