ADD: New Documents experience

2 files changed, 169 insertions, 0 deletions

diff --git a/docs/css/docs.less b/docs/css/docs.less
new file mode 100644
index 0000000..c167833
--- /dev/null
+++ b/docs/css/docs.less
@@ -0,0 +1,168 @@
+/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
+/* Spectre version */
+.version::after {
+  content: "0.2.1";
+}
+
+/* Spectre docs style */
+.grid-hero {
+  margin-top: 10rem;
+  margin-bottom: 4rem;
+
+  h1 {
+    color: #555;
+    font-weight: 400;
+    font-size: 3.2rem;
+  }
+  h2 {
+    color: #666;
+    font-size: 1.8rem;
+    font-weight: 400;
+    margin-bottom: 5rem;
+
+    u {
+      border-bottom: .2rem solid #666;
+      padding-bottom: .1rem;
+      text-decoration: none;
+    }
+  }
+
+  .card {
+    background: none;
+    border: 0;
+    color: #666;
+    padding: 1rem;
+
+    .card-title {
+      color: #5764c6;
+      font-size: 1.8rem;
+      margin-bottom: 0;
+    }
+  }
+}
+
+.bg-grey {
+  background-color: #f6f6f6;
+  padding: 1rem .5rem;
+  border-radius: .2rem;
+}
+
+.bg-dark {
+  background: #2d3354;
+  color: #fff;
+  padding: 1rem .5rem;
+}
+
+.bg-primary {
+  background: #5764c6;
+  color: #fff;
+  padding: 1rem .5rem;
+}
+
+.navbar-brand {
+  font-size: 1.6rem;
+  font-weight: 500;
+  padding-right: 2rem;
+  text-decoration: none;
+  vertical-align: middle;
+
+  .icon {
+    font-size: 1.3333em;
+    line-height: .8em;
+    margin-right: .2rem;
+    vertical-align: -20%;
+  }
+}
+
+.grid-header {
+  .btn {
+    color: #666;
+    &:hover,
+    &:focus,
+    &:active {
+      color: #444;
+      opacity: .75;
+    }
+  }
+  .navbar-brand {
+    color: #444;
+  }
+}
+
+.grid-footer {
+  color: #888;
+  margin-top: 4rem;
+  margin-bottom: 3rem;
+
+  a {
+    color: #666;
+  }
+}
+
+.notes {
+  margin: 4rem 0;
+  color: #666;
+}
+
+.empty .icon {
+  font-size: 4rem;
+}
+.code {
+  color: #666;
+
+  .com {
+    color: #adadad;
+  }
+  .tag {
+    color: #4452c0;
+  }
+  .atn {
+    color: #666;
+  }
+  .atv {
+    color: #e06870;
+  }
+
+}
+header {
+  padding-top: 3rem;
+}
+.docs-content header > h3,
+.docs-content header > h4,
+.docs-content header > h5 {
+  margin-top: 4rem;
+  margin-bottom: 2rem;
+}
+.docs-content {
+  order: 2;
+}
+.docs-sidebar {
+  order: 1;
+}
+@media screen and (min-width: 480px) {
+  .docs-sidebar {
+    padding: 7rem 0;
+
+    .docs-nav {
+      position: relative;
+    }
+
+    @supports (position: sticky) {
+      .docs-nav {
+        position: sticky;
+        top: 5rem;
+      }
+    }
+
+    .docs-backtotop {
+      bottom: 5rem;
+      display: none;
+      padding: 0 1rem;
+      position: fixed;
+      z-index: 49;
+    }
+    .docs-backtotop a {
+      color: #666;
+    }
+  }
+}
diff --git a/docs/css/docs.min.css b/docs/css/docs.min.css
new file mode 100644
index 0000000..97d1426
--- /dev/null
+++ b/docs/css/docs.min.css
@@ -0,0 +1 @@
+/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */.version::after{content:"0.2.1"}.grid-hero{margin-bottom:4rem;margin-top:10rem}.grid-hero h1{color:#555;font-size:3.2rem;font-weight:400}.grid-hero h2{color:#666;font-size:1.8rem;font-weight:400;margin-bottom:5rem}.grid-hero h2 u{border-bottom:.2rem solid #666;padding-bottom:.1rem;text-decoration:none}.grid-hero .card{background:0 0;border:0;color:#666;padding:1rem}.grid-hero .card .card-title{color:#5764c6;font-size:1.8rem;margin-bottom:0}.bg-grey{background-color:#f6f6f6;border-radius:.2rem;padding:1rem .5rem}.bg-dark{background:#2d3354;color:#fff;padding:1rem .5rem}.bg-primary{background:#5764c6;color:#fff;padding:1rem .5rem}.navbar-brand{font-size:1.6rem;font-weight:500;padding-right:2rem;text-decoration:none;vertical-align:middle}.navbar-brand .icon{font-size:1.3333em;line-height:.8em;margin-right:.2rem;vertical-align:-20%}.grid-header .btn{color:#666}.grid-header .btn:active,.grid-header .btn:focus,.grid-header .btn:hover{color:#444;opacity:.75}.grid-header .navbar-brand{color:#444}.grid-footer{color:#888;margin-bottom:3rem;margin-top:4rem}.grid-footer a{color:#666}.notes{color:#666;margin:4rem 0}.empty .icon{font-size:4rem}.code{color:#666}.code .com{color:#adadad}.code .tag{color:#4452c0}.code .atn{color:#666}.code .atv{color:#e06870}header{padding-top:3rem}.docs-content header>h3,.docs-content header>h4,.docs-content header>h5{margin-bottom:2rem;margin-top:4rem}.docs-content{-ms-flex-order:2;-webkit-order:2;order:2}.docs-sidebar{-ms-flex-order:1;-webkit-order:1;order:1}@media screen and (min-width:480px){.docs-sidebar{padding:7rem 0}.docs-sidebar .docs-nav{position:relative}@supports ((position:-webkit-sticky) or (position:sticky)){.docs-sidebar .docs-nav{position:sticky;position:-webkit-sticky;top:5rem}}.docs-sidebar .docs-backtotop{bottom:5rem;display:none;padding:0 1rem;position:fixed;z-index:49}.docs-sidebar .docs-backtotop a{color:#666}}
\ No newline at end of file