1 files changed, 9 insertions, 23 deletions

diff --git a/docs/css/docs.css b/docs/css/docs.css
index ee90ee6..f5668bc 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -1,18 +1,16 @@
 /*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
 /* Spectre version */
 .version::after {
-  content: "0.3.1";
+  content: "0.3.2";
 }
 /* Spectre New Docs */
 .s-container > .columns {
-  -webkit-flex-flow: nowrap;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   min-height: 100vh;
 }
 .s-sidebar {
   background: #f8f9fa;
-  -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   padding: 1.5rem 0 1.5rem 1.5rem;
@@ -46,7 +44,6 @@
   display: inline-block;
 }
 .s-content {
-  -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   max-width: 920px;
@@ -161,7 +158,7 @@
   margin: 2rem auto;
 }
 .s-content .code {
-  color: #5b657a;
+  color: #667189;
 }
 .s-content .code .com {
   color: #acb3c2;
@@ -170,7 +167,7 @@
   color: #5764c6;
 }
 .s-content .code .atn {
-  color: #5b657a;
+  color: #667189;
 }
 .s-content .code .atv {
   color: #e06870;
@@ -182,16 +179,13 @@
   position: static;
 }
 .s-content .example-tile-icon {
-  -webkit-align-content: space-around;
   align-content: space-around;
-  -webkit-align-items: center;
   align-items: center;
   background: #5764c6;
   border-radius: .1rem;
   color: #fff;
   display: flex;
   display: -ms-flexbox;
-  display: -webkit-flex;
   -ms-flex-align: center;
   -ms-flex-line-pack: distribute;
   font-size: 1.2rem;
@@ -216,12 +210,10 @@
   top: 1.3rem;
 }
 .s-brand .s-logo {
-  -webkit-align-items: center;
   align-items: center;
   border-radius: .1rem;
   display: inline-flex;
   display: -ms-inline-flexbox;
-  display: -webkit-inline-flex;
   -ms-flex-align: center;
   height: 2rem;
   padding: .2rem;
@@ -274,7 +266,7 @@
 }
 .section-updates .card {
   border: 0;
-  color: #667189;
+  color: #727e96;
   margin-bottom: 1rem;
 }
 .section-features {
@@ -297,12 +289,12 @@
   margin-top: 6rem;
 }
 .grid-hero h1 {
-  color: #454d5d;
+  color: #50596c;
   font-size: 1.6rem;
   margin-bottom: 1.5rem;
 }
 .grid-hero h2 {
-  color: #50596c;
+  color: #5b657a;
   font-size: .9rem;
   font-weight: 400;
   line-height: 1.5rem;
@@ -316,7 +308,7 @@
 .grid-hero .card {
   background: none;
   border: 0;
-  color: #667189;
+  color: #727e96;
   padding: .5rem;
 }
 .grid-hero .card .card-title {
@@ -331,27 +323,21 @@
 @media screen and (max-width: 880px) {
   .s-sidebar {
     background: #f8f9fa;
-    height: 100%;
+    bottom: 0;
     left: 0;
     overflow-y: auto;
     padding: 3rem 1.5rem;
     position: fixed;
     top: 0;
-    -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
-    transition: transform .2s ease, -webkit-transform .2s ease;
     transition: transform .2s ease;
-    transition: -webkit-transform .2s ease;
     z-index: 400;
   }
   .s-sidebar:target {
-    -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
-    transition: transform .2s ease, -webkit-transform .2s ease;
     transition: transform .2s ease;
-    transition: -webkit-transform .2s ease;
   }
   .s-sidebar:target + .docs-nav-clear {
     display: block;
@@ -376,7 +362,7 @@
   }
   .s-brand .menu-btn {
     display: block;
-    left: 1rem;
+    left: .65rem;
     position: fixed;
     top: .95rem;
   }