jekyll-docs-theme 0.1.2 → 1.0.0

data/_layouts/full.html

@@ -2,8 +2,10 @@
 layout: default
 ---
 
-<div class="container bs-docs-container">
-    <div class="bs-docs-section" role="main">{{ content }}</div>
+<div class="container">
+    <main class="layout-full__main scope-markdown">
+        {% include jekyll-docs-theme/anchor_headings.html %}
+    </main>
 
     {% include disqus.html %}
-</div>
+</div>

data/_layouts/page.html

@@ -3,19 +3,39 @@ layout: default
 ---
 
 <div class="container">
-    <div class="bs-docs-container row">
-        <div class="col-md-12" role="main">
-            <div class="bs-docs-section">{{ content }}</div>
-        </div>
+    <div class="row">
+        <main class="col-md-9 layout-page__main">
+            <section class="mobile-toc border mb-3 p-3 d-md-none">
+                <div class="d-flex align-items-center">
+                    <h2 class="mb-0">Table of Contents</h2>
 
-        <div class="col-md-3 bs-docs-sidebar hidden-print" role="complementary">
-            <ul class="nav bs-docs-sidenav"></ul>
+                    <button
+                        class="js-only ml-2 toggle-toc"
+                        aria-controls="mobileTOC"
+                        aria-label="Toggle table of contents"
+                        aria-expanded="true"
+                    >
+                        <span aria-hidden="true" data-role="toggle">Hide</span>
+                    </button>
+                </div>
 
-            <a class="back-to-top" href="#top"> <i class="glyphicon glyphicon-chevron-up"></i>
-                Back to top
-            </a>
-        </div>
+                {% include jekyll-docs-theme/toc.html
+                     class="js-toc.mb-0.mt-2"
+                     id="mobileTOC"
+                %}
+            </section>
+
+            <section class="scope-markdown">
+                {% include jekyll-docs-theme/anchor_headings.html %}
+            </section>
+        </main>
+
+        <aside class="col-md-3 layout-page__sidebar d-none d-md-block hidden-print">
+            {% include sidebar/content-pre.html %}
+            {% include sidebar/content.html %}
+            {% include sidebar/content-pre.html %}
+        </aside>
     </div>
 
     {% include disqus.html %}
-</div>
+</div>

data/_sass/abstracts/_highlight-dark.scss

@@ -0,0 +1,136 @@
+@mixin highlight-dark-theme() {
+    // "Zenburn" Theme
+    // https://github.com/jwarby/jekyll-pygments-themes
+
+    .highlight .hll {
+        background-color:#222;
+    }
+
+    .highlight .err {
+        color:#e37170;
+        background-color:#3d3535;
+    }
+
+    .highlight .k {
+        color:#f0dfaf;
+    }
+
+    .highlight .p {
+        color:#41706f;
+    }
+
+    .highlight .cs {
+        color:#cd0000;
+        font-weight:700;
+    }
+
+    .highlight .gd {
+        color:#cd0000;
+    }
+
+    .highlight .ge {
+        color:#ccc;
+        font-style:italic;
+    }
+
+    .highlight .gr {
+        color:red;
+    }
+
+    .highlight .go {
+        color:gray;
+    }
+
+    .highlight .gs {
+        color:#ccc;
+        font-weight:700;
+    }
+
+    .highlight .gu {
+        color:purple;
+        font-weight:700;
+    }
+
+    .highlight .gt {
+        color:#0040D0;
+    }
+
+    .highlight .kc {
+        color:#dca3a3;
+    }
+
+    .highlight .kd {
+        color:#ffff86;
+    }
+
+    .highlight .kn {
+        color:#dfaf8f;
+        font-weight:700;
+    }
+
+    .highlight .kp {
+        color:#cdcf99;
+    }
+
+    .highlight .kr {
+        color:#cdcd00;
+    }
+
+    .highlight .ni {
+        color:#c28182;
+    }
+
+    .highlight .ne {
+        color:#c3bf9f;
+        font-weight:700;
+    }
+
+    .highlight .nn {
+        color:#8fbede;
+    }
+
+    .highlight .vi {
+        color:#ffffc7;
+    }
+
+    .highlight .c,.preview-zenburn .highlight .g,.preview-zenburn .highlight .cm,.preview-zenburn .highlight .cp,.preview-zenburn .highlight .c1 {
+        color:#7f9f7f;
+    }
+
+    .highlight .l,.preview-zenburn .highlight .x,.preview-zenburn .highlight .no,.preview-zenburn .highlight .nd,.preview-zenburn .highlight .nl,.preview-zenburn .highlight .nx,.preview-zenburn .highlight .py,.preview-zenburn .highlight .w {
+        color:#ccc;
+    }
+
+    .highlight .n,.preview-zenburn .highlight .nv,.preview-zenburn .highlight .vg {
+        color:#dcdccc;
+    }
+
+    .highlight .o,.preview-zenburn .highlight .ow {
+        color:#f0efd0;
+    }
+
+    .highlight .gh,.preview-zenburn .highlight .gp {
+        color:#dcdccc;
+        font-weight:700;
+    }
+
+    .highlight .gi,.preview-zenburn .highlight .kt {
+        color:#00cd00;
+    }
+
+    .highlight .ld,.preview-zenburn .highlight .s,.preview-zenburn .highlight .sb,.preview-zenburn .highlight .sc,.preview-zenburn .highlight .sd,.preview-zenburn .highlight .s2,.preview-zenburn .highlight .se,.preview-zenburn .highlight .sh,.preview-zenburn .highlight .si,.preview-zenburn .highlight .sx,.preview-zenburn .highlight .sr,.preview-zenburn .highlight .s1,.preview-zenburn .highlight .ss {
+        color:#cc9393;
+    }
+
+    .highlight .m,.preview-zenburn .highlight .mf,.preview-zenburn .highlight .mh,.preview-zenburn .highlight .mi,.preview-zenburn .highlight .mo,.preview-zenburn .highlight .il {
+        color:#8cd0d3;
+    }
+
+    .highlight .na,.preview-zenburn .highlight .nt {
+        color:#9ac39f;
+    }
+
+    .highlight .nb,.preview-zenburn .highlight .nc,.preview-zenburn .highlight .nf,.preview-zenburn .highlight .bp,.preview-zenburn .highlight .vc {
+        color:#efef8f;
+    }
+}

data/_sass/abstracts/_highlight-light.scss

@@ -0,0 +1,251 @@
+@mixin highlight-light-theme() {
+    .hll {
+        background-color: #ffc
+    }
+
+    .c {
+        color: #999
+    }
+
+    .err {
+        color: #A00;
+        background-color: #FAA
+    }
+
+    .k {
+        color: #069
+    }
+
+    .o {
+        color: #555
+    }
+
+    .cm {
+        color: #999
+    }
+
+    .cp {
+        color: #099
+    }
+
+    .c1 {
+        color: #999
+    }
+
+    .cs {
+        color: #999
+    }
+
+    .gd {
+        background-color: #FCC;
+        border: 1px solid #C00
+    }
+
+    .ge {
+        font-style: italic
+    }
+
+    .gr {
+        color: red
+    }
+
+    .gh {
+        color: #030
+    }
+
+    .gi {
+        background-color: #CFC;
+        border: 1px solid #0C0
+    }
+
+    .go {
+        color: #AAA
+    }
+
+    .gp {
+        color: #009
+    }
+
+    .gu {
+        color: #030
+    }
+
+    .gt {
+        color: #9C6
+    }
+
+    .kc {
+        color: #069
+    }
+
+    .kd {
+        color: #069
+    }
+
+    .kn {
+        color: #069
+    }
+
+    .kp {
+        color: #069
+    }
+
+    .kr {
+        color: #069
+    }
+
+    .kt {
+        color: #078
+    }
+
+    .m {
+        color: #F60
+    }
+
+    .s {
+        color: #d44950
+    }
+
+    .na {
+        color: #4f9fcf
+    }
+
+    .nb {
+        color: #366
+    }
+
+    .nc {
+        color: #0A8
+    }
+
+    .no {
+        color: #360
+    }
+
+    .nd {
+        color: #99F
+    }
+
+    .ni {
+        color: #999
+    }
+
+    .ne {
+        color: #C00
+    }
+
+    .nf {
+        color: #C0F
+    }
+
+    .nl {
+        color: #99F
+    }
+
+    .nn {
+        color: #0CF
+    }
+
+    .nt {
+        color: #2f6f9f
+    }
+
+    .nv {
+        color: #033
+    }
+
+    .ow {
+        color: #000
+    }
+
+    .w {
+        color: #bbb
+    }
+
+    .mf {
+        color: #F60
+    }
+
+    .mh {
+        color: #F60
+    }
+
+    .mi {
+        color: #F60
+    }
+
+    .mo {
+        color: #F60
+    }
+
+    .sb {
+        color: #C30
+    }
+
+    .sc {
+        color: #C30
+    }
+
+    .sd {
+        color: #C30;
+        font-style: italic
+    }
+
+    .s2 {
+        color: #C30
+    }
+
+    .se {
+        color: #C30
+    }
+
+    .sh {
+        color: #C30
+    }
+
+    .si {
+        color: #A00
+    }
+
+    .sx {
+        color: #C30
+    }
+
+    .sr {
+        color: #3AA
+    }
+
+    .s1 {
+        color: #C30
+    }
+
+    .ss {
+        color: #FC3
+    }
+
+    .bp {
+        color: #366
+    }
+
+    .vc {
+        color: #033
+    }
+
+    .vg {
+        color: #033
+    }
+
+    .vi {
+        color: #033
+    }
+
+    .il {
+        color: #F60
+    }
+
+    .css .o,
+    .css .o+.nt,
+    .css .nt+.nt {
+        color: #999
+    }
+}