jekyll-text-theme 2.2.2 → 2.2.3

data/_includes/scripts/lib/toc.js

@@ -1,95 +1,96 @@
 (function() {
   var SOURCES = window.TEXT_VARIABLES.sources;
   window.Lazyload.js(SOURCES.jquery, function() {
-    var $window = $(window), $root, $scrollTarget, $scroller, $tocUl = $('<ul class="toc"></ul>'), $tocLi, $headings, $activeLast, $activeCur;
-    var selectors = 'h1,h2,h3', container = 'body', scrollTarget = window, scroller = 'html, body', disabled = false;
-    var headingsPos, scrolling = false, rendered = false, hasInit = false;
-    function setOptions(options) {
-      var _options = options || {};
-      _options.selectors && (selectors = _options.selectors);
-      _options.container && (container = _options.container);
-      _options.scrollTarget && (scrollTarget = _options.scrollTarget);
-      _options.scroller && (scroller = _options.scroller);
-      _options.disabled !== undefined && (disabled = _options.disabled);
-      $headings = $(container).find(selectors).filter('[id]');
-      $scrollTarget = $(scrollTarget);
-      $scroller = $(scroller);
-    }
-    function calc() {
-      headingsPos = [];
-      $headings.each(function() {
-        headingsPos.push(Math.floor($(this).position().top));
-      });
-    }
-    function setState(element, disabled) {
-      var scrollTop = $scrollTarget.scrollTop(), i;
-      if (disabled || !headingsPos || headingsPos.length < 1) { return; }
-      if (element) {
-        $activeCur = element;
-      } else {
-        for (i = 0; i < headingsPos.length; i++) {
-          if (scrollTop >= headingsPos[i]) {
-            $activeCur = $tocLi.eq(i);
-          } else {
-            $activeCur || ($activeCur = $tocLi.eq(i));
-            break;
-          }
-        }
+    function toc(options) {
+      var $root = this, $window = $(window), $scrollTarget, $scroller, $tocUl = $('<ul class="toc"></ul>'), $tocLi, $headings, $activeLast, $activeCur,
+        selectors = 'h1,h2,h3', container = 'body', scrollTarget = window, scroller = 'html, body', disabled = false,
+        headingsPos, scrolling = false, hasRendered = false, hasInit = false;
+
+      function setOptions(options) {
+        var _options = options || {};
+        _options.selectors && (selectors = _options.selectors);
+        _options.container && (container = _options.container);
+        _options.scrollTarget && (scrollTarget = _options.scrollTarget);
+        _options.scroller && (scroller = _options.scroller);
+        _options.disabled !== undefined && (disabled = _options.disabled);
+        $headings = $(container).find(selectors).filter('[id]');
+        $scrollTarget = $(scrollTarget);
+        $scroller = $(scroller);
       }
-      $activeLast && $activeLast.removeClass('active');
-      ($activeLast = $activeCur).addClass('active');
-    }
-    function render() {
-      if(!rendered) {
-        $root.append($tocUl);
+      function calc() {
+        headingsPos = [];
         $headings.each(function() {
-          var $this = $(this);
-          $tocUl.append($('<li></li>').addClass('toc-' + $this.prop('tagName').toLowerCase())
-            .append($('<a></a>').text($this.text()).attr('href', '#' + $this.prop('id'))));
+          headingsPos.push(Math.floor($(this).position().top));
         });
-        $tocLi = $tocUl.children('li');
-        $tocUl.on('click', 'a', function(e) {
-          e.preventDefault();
-          var $this = $(this);
-          scrolling = true;
-          setState($this.parent());
-          $scroller.scrollToAnchor($this.attr('href'), 400, function() {
-            scrolling = false;
+      }
+      function setState(element, disabled) {
+        var scrollTop = $scrollTarget.scrollTop(), i;
+        if (disabled || !headingsPos || headingsPos.length < 1) { return; }
+        if (element) {
+          $activeCur = element;
+        } else {
+          for (i = 0; i < headingsPos.length; i++) {
+            if (scrollTop >= headingsPos[i]) {
+              $activeCur = $tocLi.eq(i);
+            } else {
+              $activeCur || ($activeCur = $tocLi.eq(i));
+              break;
+            }
+          }
+        }
+        $activeLast && $activeLast.removeClass('active');
+        ($activeLast = $activeCur).addClass('active');
+      }
+      function render() {
+        if(!hasRendered) {
+          $root.append($tocUl);
+          $headings.each(function() {
+            var $this = $(this);
+            $tocUl.append($('<li></li>').addClass('toc-' + $this.prop('tagName').toLowerCase())
+              .append($('<a></a>').text($this.text()).attr('href', '#' + $this.prop('id'))));
           });
-        });
+          $tocLi = $tocUl.children('li');
+          $tocUl.on('click', 'a', function(e) {
+            e.preventDefault();
+            var $this = $(this);
+            scrolling = true;
+            setState($this.parent());
+            $scroller.scrollToAnchor($this.attr('href'), 400, function() {
+              scrolling = false;
+            });
+          });
+        }
+        hasRendered = true;
       }
-      rendered = true;
-    }
-    function init() {
-      var interval, timeout;
-      if(!hasInit) {
-        render(); calc(); setState(null, scrolling);
-        // run calc every 100 millisecond
-        interval = setInterval(function() {
-          calc();
-        }, 100);
-        timeout = setTimeout(function() {
-          clearInterval(interval);
-        }, 45000);
-        window.pageLoad.then(function() {
-          setTimeout(function() {
+      function init() {
+        var interval, timeout;
+        if(!hasInit) {
+          render(); calc(); setState(null, scrolling);
+          // run calc every 100 millisecond
+          interval = setInterval(function() {
+            calc();
+          }, 100);
+          timeout = setTimeout(function() {
             clearInterval(interval);
-            clearTimeout(timeout);
-          }, 3000);
-        });
-        $scrollTarget.on('scroll', function() {
-          disabled || setState(null, scrolling);
-        });
-        $window.on('resize', window.throttle(function() {
-          if (!disabled) {
-            render(); calc(); setState(null, scrolling);
-          }
-        }, 100));
+          }, 45000);
+          window.pageLoad.then(function() {
+            setTimeout(function() {
+              clearInterval(interval);
+              clearTimeout(timeout);
+            }, 3000);
+          });
+          $scrollTarget.on('scroll', function() {
+            disabled || setState(null, scrolling);
+          });
+          $window.on('resize', window.throttle(function() {
+            if (!disabled) {
+              render(); calc(); setState(null, scrolling);
+            }
+          }, 100));
+        }
+        hasInit = true;
       }
-      hasInit = true;
-    }
-    function toc(options) {
-      $root = this;
+
       setOptions(options);
       if (!disabled) {
         init();

data/_includes/scripts/variables.html

@@ -7,7 +7,7 @@
 <script>
   (function() {
     var TEXT_VARIABLES = {
-      version: '2.2.2',
+      version: '2.2.3',
       sources: {
         font_awesome: '{{ _sources.font_awesome }}',
         jquery: '{{ _sources.jquery }}',

data/_includes/search.html

@@ -21,4 +21,4 @@
   </div>
 </div>
 
-<script>{%- include scripts/search.js -%}</script>
+<script>{%- include scripts/components/search/search.js -%}</script>

data/_includes/sharing-providers/addthis.html

@@ -0,0 +1,9 @@
+<!-- Addthis BEGIN -->
+{%- assign _SHARING_ADDTHIS_ID = site.sharing.addthis.id -%}
+
+{%- if _SHARING_ADDTHIS_ID -%}
+  <script type="text/javascript"
+    src="//s7.addthis.com/js/300/addthis_widget.js#pubid={{ _SHARING_ADDTHIS_ID }}"></script>
+  <div class="addthis_inline_share_toolbox addthis_default_style"></div>
+{%- endif -%}
+<!-- Addthis END -->

data/_includes/sharing.html

@@ -1,3 +1,5 @@
 {%- if site.sharing.provider == 'addtoany' -%}
   {%- include sharing-providers/addtoany.html -%}
-{%- endif -%}
+{%- elsif site.sharing.provider == 'addthis' -%}
+  {%- include sharing-providers/addthis.html -%}
+{%- endif -%}

data/_layouts/article.html

@@ -24,7 +24,7 @@ type: article
   <div class="article__content" itemprop="articleBody">{{ content }}</div>
 
   {%- if _sharing != false -%}
-    <section class="article__sharing">{%- include sharing.html -%}</section>
+    <section class="article__sharing d-print-none">{%- include sharing.html -%}</section>
   {%- endif -%}
 
   <footer class="article__footer">
@@ -65,7 +65,9 @@ type: article
     {%- endif -%}
   </footer>
 
+  <div class="d-print-none">
   {%- include article-section-navigator.html -%}
+  </div>
 
 </div>
 

data/_layouts/landing.html

@@ -52,7 +52,7 @@ article_header:
               <div class="grid grid--p-3">
 
                 {%- for child in _section.children -%}
-                  <div class="cell cell--{{ 12 | divided_by: _size }} cell--sm-12">
+                  <div class="cell cell--12 cell--md-{{ 12 | divided_by: _size }} ">
 
                     <div class="mb-5">
                       <h4>{{ child.title }}</h4>

data/_layouts/page.html

@@ -9,6 +9,10 @@ layout: base
   target=layout.header source0=page.header -%}
 {%- assign _header = __return -%}
 
+{%- include snippets/assign.html
+  target=layout.footer source0=page.footer -%}
+{%- assign _footer = __return -%}
+
 {%- include snippets/assign.html
   target = site.data.variables.default.page.full_width
   source0=layout.full_width source1=page.full_width -%}
@@ -24,9 +28,9 @@ layout: base
 
 {%- if page.sidebar -%}
 <div class="layout--page layout--page--sidebar clearfix js-page-root">
-  <div class="page__mask js-page-mask js-sidebar-hide"></div>
+  <div class="page__mask d-print-none js-page-mask js-sidebar-hide"></div>
   <div class="page__viewport">
-    <div class="page__actions">
+    <div class="page__actions d-print-none">
       <div class="button button--circle button--lg box-shadow-2 sidebar-button js-sidebar-show">
         <i class="fas fa-bars icon--show"></i>
       </div>
@@ -34,7 +38,7 @@ layout: base
 
     <div class="grid page__grid">
 
-      <div class="page__sidebar">
+      <div class="page__sidebar d-print-none">
         {%- include sidebar/toc.html -%}
       </div>
 
@@ -49,6 +53,9 @@ layout: base
     {%- unless page.sidebar -%}
       {%- assign _page_main_class = _page_main_class | append: ' page__viewport' -%}
     {%- endunless -%}
+    {%- if _footer == false -%}
+      {%- assign _page_main_class = _page_main_class | append: ' hide-footer' -%}
+    {%- endif -%}
     {%- if page.aside -%}
       {%- assign _page_main_class = _page_main_class | append: ' has-aside' -%}
     {%- elsif _full_width -%}
@@ -59,7 +66,7 @@ layout: base
       <div class="page__main-inner">
         <div></div>
       {%- if _header != false -%}
-        <div class="page__header">
+        <div class="page__header d-print-none">
         {%- assign _header_theme = page.header.theme | default: layout.header.theme -%}
         {%- if _header_theme == 'dark'-%}
           {%- include header.html theme='dark' background=page.header.background -%}
@@ -173,7 +180,7 @@ layout: base
         {%- endif -%}
             <div class="grid grid--reverse">
 
-              <div class="col-aside js-col-aside">
+              <div class="col-aside d-print-none js-col-aside">
                 {%- if page.aside -%}
                   <aside class="page__aside js-page-aside">
                     {%- include aside/toc.html -%}
@@ -181,7 +188,7 @@ layout: base
                 {%- endif -%}
               </div>
 
-              <div class="col-main cell--auto">
+              <div class="col-main cell cell--auto">
                 {%- if _page_type == 'article' -%}
                   <article itemscope itemtype="http://schema.org/Article">
                 {%- elsif _page_type == 'webpage' -%}
@@ -200,7 +207,7 @@ layout: base
 
                     <div class="js-article-content">{{ content }}</div>
                     {%- if _comment != false -%}
-                      <section class="page__comments">{%- include comments.html -%}</section>
+                      <section class="page__comments d-print-none">{%- include comments.html -%}</section>
                     {%- endif -%}
                 </article>
               </div>
@@ -211,7 +218,9 @@ layout: base
         {%- endif -%}
         </div>
 
-        <div class="page__footer">{%- include footer.html -%}</div>
+        {%- if _footer != false -%}
+          <div class="page__footer d-print-none">{%- include footer.html -%}</div>
+        {%- endif -%}
       </div>
     </div> {%- comment -%} end page__main {%- endcomment -%}
 {%- if page.sidebar -%}
@@ -219,13 +228,13 @@ layout: base
   </div> {%- comment -%} end page__viewport {%- endcomment -%}
 {%- endif -%}
 {%- if _header != false -%}
-  <div class="page__search-panel">{%- include search.html -%}</div>
+  <div class="page__search-panel d-print-none"">{%- include search.html -%}</div>
 {%- endif -%}
 </div>
 
 
 <script>
-  {%- include scripts/lib/scroll.js -%}
+  {%- include scripts/lib/scroll-to.js -%}
   {%- include scripts/lib/affix.js -%}
   {%- include scripts/lib/toc.js -%}
   {%- include scripts/page.js -%}

data/_sass/additional/_alert.scss

@@ -1,27 +1,27 @@
 .article__content {
   p.success {
-    padding: .5rem 1rem;
+    padding: map-get($spacers, 2) map-get($spacers, 3);
     background-color: rgba($green, .1);
     border: 1px solid $green;
     border-radius: map-get($base, border-radius);
   }
 
   p.info {
-    padding: .5rem 1rem;
+    padding: map-get($spacers, 2) map-get($spacers, 3);
     background-color: rgba($blue, .1);
     border: 1px solid $blue;
     border-radius: map-get($base, border-radius);
   }
 
   p.warning {
-    padding: .5rem 1rem;
+    padding: map-get($spacers, 2) map-get($spacers, 3);
     background-color: rgba($yellow, .1);
     border: 1px solid $yellow;
     border-radius: map-get($base, border-radius);
   }
 
   p.error {
-    padding: .5rem 1rem;
+    padding: map-get($spacers, 2) map-get($spacers, 3);
     background-color: rgba($red, .1);
     border: 1px solid $red;
     border-radius: map-get($base, border-radius);

data/_sass/common/_classes.scss

@@ -3,6 +3,7 @@
 @import
   "common/classes/animation",
   "common/classes/clearfix",
+  "common/classes/media",
   "common/classes/clickable",
   "common/classes/display",
   "common/classes/flex",
@@ -10,7 +11,6 @@
   "common/classes/pseudo",
   "common/classes/link",
   "common/classes/text",
-  "common/classes/media",
   "common/classes/overflow",
   "common/classes/shadow",
   "common/classes/spacing",

data/_sass/common/_function.scss

@@ -4,4 +4,12 @@
   } @else {
     @return "light";
   }
+}
+
+@function breakpoint-infix($name, $breakpoints: default) {
+  @if $breakpoints == default {
+    $breakpoints: $responsive;
+  }
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, "#{$name}-", "");
 }

data/_sass/common/_print.scss

@@ -0,0 +1,20 @@
+@media print {
+  a {
+    @include plain() {
+      text-decoration: underline;
+    }
+    @include hover() {
+      text-decoration: underline;
+    }
+    @include active() {
+      text-decoration: underline;
+    }
+  }
+
+  img,
+  tr,
+  pre,
+  blockquote {
+    page-break-inside: avoid;
+  }
+}

data/_sass/common/_reset.scss

@@ -26,6 +26,9 @@ html {
   height: 100%;
   font-size: map-get($base, font-size-root);
   -webkit-text-size-adjust: 100%; /* 1 */
+  @media print {
+    font-size: map-get($base, font-size-root-sm);
+  }
 }
 
 body {
@@ -35,7 +38,7 @@ body {
 
 @include block-elements() {
   padding: 0;
-  margin: map-get($base, vertical-space) 0;
+  margin: map-get($spacers, 2) 0;
 }
 
 body {
@@ -150,7 +153,7 @@ figcaption {
 button {
   padding: 0;
   margin: 0;
-  font-size: 1rem;
+  font-size: map-get($spacers, 3);
   cursor: pointer;
   background-color: transparent;
   border-width: 0;