jekyll-theme-scaffold 0.1.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d89c1e753e4771a39e629f85cf09c306f68b0448811e8e0e7a04380e4d1c5a29
-  data.tar.gz: f2640e65ffa96312f5857fe64dbb30651958d63aa0c1a9e13a2609d0e357adfb
+  metadata.gz: 37740f0fe84bf28ab142600fd0770de2dab3a4abbc057e28670a02f46ce8312d
+  data.tar.gz: 0f84ce579902bca7e8cd833297d5cfd4b70801d16ca42d56c8ff6b2f33c908ed
 SHA512:
-  metadata.gz: 4736ece470225d567b1a3235301b1cce0ab2ef79fdcf8146bd42bf64c1faa2d22c94ad5f64d9292b62603b6b99b64eae216cdd6798c7f513db7e1b926350395a
-  data.tar.gz: 2ff2ee1d464c110ca40eb2d1b61728e65058d9dcad2e9039fd164e58df1340ef7814d93d1a6660e5880035d65524d683b55499367026f61a903f91fe10c3a4ad
+  metadata.gz: 44941f8459c4853c0c366a5a022bde71ad268155213cb8f344ec1fcacba19288de8bdce44f4280082b9e155618e2ec82fc5f5c21fc95bc159cdc0daca3b503fb
+  data.tar.gz: b5f21a486faf17e5279d22d15710e8442115a8bf79f35782ece477731dc8dc39733505e46cf6d5b11cf1754910c44ecd03a887fd4c077b7f948725cc7d40a529

data/README.md

@@ -1,6 +1,10 @@
 # Scaffold <!-- omit in toc -->
 
-Scaffold is a *one-column minimalist Jekyll theme for bloggers*.
+<a href="https://jekyll-themes.com">
+  <img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" >
+</a>
+
+Scaffold is a *minimalist yet powerful Jekyll theme for bloggers*.
 
 According to [Merriam-Webster](https://www.merriam-webster.com/), a *scaffold* is
 
@@ -12,7 +16,8 @@ Scaffold is empirical. Standing on it, you -- the blogger -- can build a great b
 
 *Check the [live demo](https://sziv2p.github.io/jekyll-theme-scaffold/).*
 
-![Screenshot](screenshot.png)
+![Screenshot Light](screenshot-light.png)
+![Screenshot Dark](screenshot-dark.png)
 
 ## Features (Not a Complete List) <!-- omit in toc -->
 
@@ -22,6 +27,7 @@ Scaffold is empirical. Standing on it, you -- the blogger -- can build a great b
 - [Font Awesome](https://fontawesome.com/)
 - Archive implemented by pure Liquid
 - Pagination, via [`jekyll-paginate`](https://rubygems.org/gems/jekyll-paginate)
+- TOC, via [`jekyll-toc`](https://github.com/allejo/jekyll-toc)
 - [Jekyll Feed](https://github.com/jekyll/jekyll-feed/)
 - [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag/)
 - [Jekyll Sitemap](https://github.com/jekyll/jekyll-sitemap/)
@@ -107,6 +113,7 @@ If you want to use this theme on GitHub Pages, you can do that via `jekyll-remot
 | `author` | String or Array | --- | The author name(s) of the post |
 | `math` | Boolean | `false` | Does enable MathJax on this page |
 | `comments` | Boolean | `true` | Does enable the Disqus comment system |
+| `toc` | Boolean | `false` | Does enable the TOC |
 
 ### Homepage
 

data/_includes/footer.html

@@ -15,7 +15,7 @@
       {%- endif -%}
     </small>
     <br>
-    <small>Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> & <a href="https://github.com/sziv2p/jekyll-theme-pure" target="_blank">Pure</a></small>
+    <small>Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> & <a href="https://github.com/sziv2p/jekyll-theme-scaffold" target="_blank">Scaffold</a></small>
   </div>
   {% if site.data.social %}
     <div class="footer-column">

data/_includes/toc-div.html

@@ -0,0 +1,4 @@
+<div class="toc-div">
+  <h3 class="toc-title">Table of Contents</h3>
+  {% include toc.html html=content class="toc" h_min=2 skip_no_ids=true %}
+</div>

data/_includes/toc.html

@@ -0,0 +1,182 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Copyright (c) 2017 Vladimir "allejo" Jimenez
+
+        Permission is hereby granted, free of charge, to any person
+        obtaining a copy of this software and associated documentation
+        files (the "Software"), to deal in the Software without
+        restriction, including without limitation the rights to use,
+        copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the
+        Software is furnished to do so, subject to the following
+        conditions:
+
+        The above copyright notice and this permission notice shall be
+        included in all copies or substantial portions of the Software.
+
+        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+        EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+        OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+        NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+        HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+        WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+        FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+        OTHER DEALINGS IN THE SOFTWARE.
+    {% endcomment %}
+    {% comment %}
+        Version 1.1.0
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class         (string) :   ''   - a CSS class assigned to the TOC
+            * id            (string) :   ''   - an ID to assigned to the TOC
+            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
+            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
+            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture newline %}
+    {% endcapture %}
+    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
+
+    {% capture deprecation_warnings %}{% endcapture %}
+
+    {% if include.baseurl %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% if include.skipNoIDs %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% capture jekyll_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
+    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | strip | split: '<h' %}
+
+    {% assign firstHeader = true %}
+    {% assign currLevel = 0 %}
+    {% assign lastLevel = 0 %}
+
+    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if currLevel < minHeader or currLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign htmlID = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign htmlClass = _classWorkspace[0] %}
+
+        {% if htmlClass contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign minHeader = currLevel %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.submenu_class and include.submenu_class != blank %}
+            {% assign subMenuLevel = currLevel | minus: 1 %}
+            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+
+        {% if htmlID %}
+            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
+
+            {% if include.anchor_class %}
+                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
+            {% endif %}
+
+            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture listItem %}{{ anchorBody }}{% endcapture %}
+        {% endif %}
+
+        {% if currLevel > lastLevel %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
+        {% elsif currLevel < lastLevel %}
+            {% assign repeatCount = lastLevel | minus: currLevel %}
+
+            {% for i in (1..repeatCount) %}
+                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+            {% endfor %}
+
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% else %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% endif %}
+
+        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
+
+        {% assign lastLevel = currLevel %}
+        {% assign firstHeader = false %}
+    {% endfor %}
+
+    {% assign repeatCount = minHeader | minus: 1 %}
+    {% assign repeatCount = lastLevel | minus: repeatCount %}
+    {% for i in (1..repeatCount) %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+    {% endfor %}
+
+    {% if jekyll_toc != '' %}
+        {% assign rootAttributes = '' %}
+        {% if include.class and include.class != blank %}
+            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.id and include.id != blank %}
+            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
+        {% endif %}
+
+        {% if rootAttributes %}
+            {% assign nodes = jekyll_toc | split: '>' %}
+            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
+        {% endif %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc }}

data/_layouts/default.html

@@ -3,11 +3,18 @@
   {% include head.html %}
   <body>
     <div class="container">
-      {% include header.html %}
+      <aside class="sidebar-left">
+        {% include header.html %}
+      </aside>
       <main>
         {{ content }}
+        {% include footer.html %}
       </main>
-      {% include footer.html %}
+      <aside class="sidebar-right">
+        {%- if page.toc -%}
+          {% include toc-div.html %}
+        {%- endif -%}
+      </aside>
     </div>
 
     {% if page.math %}

data/_layouts/home.html

@@ -4,7 +4,6 @@ layout: default
 
 {{ content }}
 
-<div class="separator">posts</div>
 <div class="posts">
   {%- if paginator -%}
     {%- assign posts = paginator.posts -%}

data/_layouts/post.html

@@ -56,10 +56,8 @@ layout: default
   <ul class="related-posts">
     {% for post in site.related_posts limit:3 %}
       <li>
-        <a href="{{ post.url | relative_url }}">
-          {{ post.title }}
-          <small><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time></small>
-        </a>
+        <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+        <small><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time></small>
       </li>
     {% endfor %}
   </ul>

data/_sass/scaffold/_archive.scss

@@ -20,6 +20,11 @@
     text-decoration: none;
     border-bottom: 1px solid;
     margin-bottom: var(--spacer);
+    
+    &:hover,
+    &:focus {
+      color: var(--link-color);
+    }
   }
 }
 

data/_sass/scaffold/_base.scss

@@ -17,7 +17,6 @@ a {
   // `:focus` is linked to `:hover` for basic accessibility
   &:hover,
   &:focus {
-    color: var(--link-hover-color);
     text-decoration: underline;
   }
 }
@@ -28,7 +27,7 @@ figure {
 img {
   display: block;
   max-width: 100%;
-  margin-top: var(--spacer) 0;
+  margin: var(--spacer) 0;
   border-radius: var(--border-radius);
 }
 
@@ -77,6 +76,10 @@ blockquote {
   p:last-child {
     margin-bottom: 0;
   }
+
+  a {
+    color: var(--link-color-light);
+  }
 }
 
 code,
@@ -86,7 +89,7 @@ pre {
 
 code {
   padding: .1em .25em;
-  background-color: var(--border-color);
+  background-color: var(--code-bg);
   border-radius: var(--border-radius);
 }
 

data/_sass/scaffold/_footer.scss

@@ -13,6 +13,11 @@
 }
 .social-icon {
   color: inherit;
+
+  &:hover,
+  &:focus {
+    color: var(--link-color);
+  }
 }
 
 @media (min-width: $md-screen) {

data/_sass/scaffold/_header.scss

@@ -40,8 +40,47 @@
 
     &:hover,
     &:focus {
-      color: var(--link-hover-color);
+      color: var(--link-color);
       text-decoration: none;
     }
   }
 }
+
+@media screen and (min-width: $lg-screen) {
+  .masthead {
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .masthead-title {
+    display: block;
+    font-size: 200%;
+  }
+
+  .masthead-tagline {
+    display: block;
+    font-size: 100%;
+  }
+
+  .nav {
+    margin-top: var(--spacer-2);
+  }
+  .nav-item {
+    display: block;
+    margin-right: 0;
+    margin-bottom: var(--spacer);
+    font-size: 120%;
+
+    &:before {
+      content: none;
+    }
+
+    a {
+      border-bottom: 2px solid var(--body-color);
+    }
+  }
+}

data/_sass/scaffold/_home.scss

@@ -1,24 +1,6 @@
-.separator {
-  display: flex;
-  align-items: center;
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 80%;
-  color: var(--border-color);
-  margin: var(--spacer-2) 0;
+.posts {
+  margin-top: var(--spacer-2);
 }
-.separator::before, .separator::after {
-  content: '';
-  flex: 1;
-  border-bottom: 1px solid var(--border-color);
-}
-.separator::before {
-  margin-right: .25em;
-}
-.separator::after {
-  margin-left: .25em;
-}
-
 .post-card {
   margin-bottom: var(--spacer);
   padding: 1em;
@@ -27,6 +9,12 @@
 
   a {
     color: inherit;
+
+    &:hover,
+    &:focus {
+      color: var(--link-color);
+      text-decoration: none;
+    }
   }
 
   .post-title {

data/_sass/scaffold/_layout.scss

@@ -3,3 +3,47 @@
   margin: 0 auto;
   padding: 0 var(--spacer);
 }
+
+.sidebar-right {
+  display: none;
+}
+
+@media screen and (min-width: $lg-screen) {
+  .container {
+    max-width: 100%;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+  
+  main {
+    flex: 1;
+    max-width: 60%;
+    margin-left: 22.5%;
+    padding: 0 var(--spacer-2);
+  }
+  
+  .sidebar-left {
+    position: fixed;
+    top: 0;
+    width: 22.5%;
+    height: 100vh;
+    padding: var(--spacer);
+    background-color: var(--code-bg);
+  }
+}
+
+@media screen and (min-width: $xl-screen) {
+  main {
+    max-width: 55%;
+  }
+
+  .sidebar-right {
+    display: block;
+    position: fixed;
+    top: 0;
+    width: 22.5%;
+    margin-left: 77.5%;
+    padding: var(--spacer);
+  }
+}

data/_sass/scaffold/_main.scss

@@ -1,10 +1,12 @@
 @import "variables";
+@import "predefined";
 @import "base";
 @import "layout";
 @import "header";
 @import "footer";
 @import "post";
 @import "code";
+@import "toc";
 @import "home";
 @import "pagination";
 @import "archive";

data/_sass/scaffold/_post.scss

@@ -63,7 +63,7 @@
       &:hover,
       &:focus {
         color: var(--body-bg);
-        background-color: var(--link-hover-color);
+        background-color: var(--link-color);
       }
     }
   }
@@ -91,11 +91,16 @@
   margin: 0;
   list-style: none;
 
-  a {
-    text-decoration: none;
-
-    small {
-      color: var(--body-color-light);
-    }
+  small {
+    color: var(--body-color-light);
   }
 }
+
+.task-list {
+  list-style: none;
+  padding-inline-start: 1em;
+}
+.task-list-item-checkbox {
+  margin: 0 .25em .25em -1em;
+  vertical-align: middle;
+}

data/_sass/scaffold/_predefined.scss

@@ -0,0 +1,39 @@
+// Alignment
+
+.align-right {
+  margin-bottom: 1rem;
+  margin-left: 1rem;
+  float: right;
+}
+
+.align-left {
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+  float: left;
+}
+
+.align-center {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+figcaption.align-right {
+  text-align: right;
+}
+
+figcaption.align-left {
+  text-align: left;
+}
+
+figcaption.align-center {
+  text-align: center;
+}
+
+// Message
+
+.message {
+  text-align: center;
+  font-size: 120%;
+  font-weight: bold;
+}

data/_sass/scaffold/_toc.scss

@@ -0,0 +1,25 @@
+.toc-div {
+  padding-top: var(--spacer);
+}
+
+.toc-title {
+  margin: 0;
+}
+
+.toc,
+.toc ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  margin-inline-start: 1em;
+
+  li {
+    margin-top: var(--spacer);
+    margin-bottom: var(--spacer);
+  }
+}
+
+.toc {
+  max-height: 80vh;
+  overflow-y: scroll;
+}

data/_sass/scaffold/_variables.scss

@@ -20,37 +20,33 @@ $xl-screen: 80rem;
   /*  Colors
    *  ─────────────────────────────────── */
   
-  --body-color: var(--oc-gray-8);
-  --body-color-light: var(--oc-gray-6);
   --body-bg: var(--oc-white);
-
-  --heading-color: var(--oc-black);
-
   --code-bg: var(--oc-gray-1);
 
-  --link-color: var(--oc-blue-6);
-  --link-hover-color: var(--oc-blue-8);
+  --border-color: rgb(var(--oc-gray-5-rgb), .6);
+  --body-color-light: var(--oc-gray-6);
+  --body-color: var(--oc-gray-8);
+  --heading-color: var(--oc-black);
 
-  --border-color: rgb(var(--oc-gray-5-rgb), .5);
+  --link-color-light: var(--oc-blue-6);
+  --link-color: var(--oc-blue-8);
 
   --mark-color: var(--oc-yellow-8);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --body-color: var(--oc-gray-2);
-    --body-color-light: var(--oc-gray-5);
     --body-bg: var(--oc-gray-9);
+    --code-bg: var(--oc-gray-8);
 
+    --border-color: rgb(var(--oc-gray-7-rgb), .8);
+    --body-color-light: var(--oc-gray-6);
+    --body-color: var(--oc-gray-4);
     --heading-color: var(--oc-white);
 
-    --code-bg: var(--oc-gray-6);
-
-    --link-color: var(--oc-cyan-5);
-    --link-hover-color: var(--oc-cyan-2);
-
-    --border-color: rgb(var(--oc-gray-7-rgb), .9);
+    --link-color-light: var(--oc-cyan-6);
+    --link-color: var(--oc-cyan-4);
 
-    --mark-color: var(--oc-yellow-2);
+    --mark-color: var(--oc-yellow-4);
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-scaffold
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Songzi Vong
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-02 00:00:00.000000000 Z
+date: 2020-12-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -127,6 +127,8 @@ files:
 - _includes/head.html
 - _includes/header.html
 - _includes/mathjax.html
+- _includes/toc-div.html
+- _includes/toc.html
 - _layouts/archive.html
 - _layouts/default.html
 - _layouts/home.html
@@ -144,6 +146,8 @@ files:
 - _sass/scaffold/_main.scss
 - _sass/scaffold/_pagination.scss
 - _sass/scaffold/_post.scss
+- _sass/scaffold/_predefined.scss
+- _sass/scaffold/_toc.scss
 - _sass/scaffold/_variables.scss
 - assets/css/scaffold/normalize.css
 - assets/css/scaffold/open-color.css