Merge pull request #144 from picturepan2/hotfix/a-number-of-fixes

Hotfix/a number of fixes

1 files changed, 20 insertions, 7 deletions

diff --git a/docs/css/docs.css b/docs/css/docs.css
index 4495761..6cd315b 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -1,7 +1,7 @@
 /*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
 /* Spectre version */
 .version::after {
-  content: "0.2.1";
+  content: "0.2.2";
 }
 /* Spectre docs style */
 .grid-hero {
@@ -18,7 +18,7 @@
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 3rem;
-  margin-bottom: 5rem;
+  margin-bottom: 3rem;
 }
 .grid-hero h2 u {
   border-bottom: .2rem solid #666;
@@ -39,17 +39,17 @@
 .bg-grey {
   background-color: #f6f6f6;
   border-radius: .2rem;
-  padding: 1rem .5rem;
+  padding: 1rem;
 }
 .bg-dark {
   background: #2d3354;
   color: #fff;
-  padding: 1rem .5rem;
+  padding: 1rem;
 }
 .bg-primary {
   background: #5764c6;
   color: #fff;
-  padding: 1rem .5rem;
+  padding: 1rem;
 }
 .navbar-brand .icon {
   font-size: 1.3333em;
@@ -108,20 +108,26 @@
   color: #666;
   margin: 4rem 0;
 }
+.docs-content h1,
+.docs-content h2,
 .docs-content h3,
 .docs-content h4,
-.docs-content h5 {
+.docs-content h5,
+.docs-content h6 {
   margin-bottom: 2rem;
   margin-top: 2rem;
 }
 .example-tile-icon {
+  -webkit-align-content: space-around;
   align-content: space-around;
+  -webkit-align-items: center;
   align-items: center;
   background: #5764c6;
   border-radius: .2rem;
   color: #fff;
   display: flex;
   display: -ms-flexbox;
+  display: -webkit-flex;
   -ms-flex-align: center;
   -ms-flex-line-pack: distribute;
   font-size: 2.4rem;
@@ -181,15 +187,22 @@
     position: fixed;
     right: 0;
     top: 0;
+    -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
-    transition: transform .216s ease;
+    transition: transform .2s ease, -webkit-transform .2s ease;
+    transition: transform .2s ease;
+    transition: -webkit-transform .2s ease;
     width: 24rem;
     z-index: 999;
   }
   .docs-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;
   }
   .docs-sidebar:target + .docs-nav-clear {
     display: block;