just-the-docs 0.8.2 → 0.10.0

data/_includes/css/activation.scss.liquid

@@ -21,18 +21,18 @@
 {%- endcomment -%}
 
 {%- capture activation_no_nav_link %}
-.site-nav ul li a {
-  background-image: none;
-}
-
-{%- if site.just_the_docs.collections %}
-.site-nav > ul.nav-category-list > li > button svg {
-  transform: rotate(-90deg);
-}
-.site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list {
-  display: block;
-}
-{%- endif %}
+    .site-nav ul li a {
+      background-image: none;
+    }
+
+    {%- if site.just_the_docs.collections %}
+    .site-nav > ul.nav-category-list > li > button svg {
+      transform: rotate(-90deg);
+    }
+    .site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list {
+      display: block;
+    }
+    {%- endif %}
 {% endcapture -%}
 
 {%- capture nav_list_link -%}
@@ -45,288 +45,281 @@
 
 {%- if site_nav contains nav_list_link -%}
 
-{%- capture nav_list -%}
-<ul class="nav-list
-{%- endcapture -%}
+  {%- capture nav_list -%}
+  <ul class="nav-list
+  {%- endcapture -%}
 
-{%- assign nav_list_end = "</ul>" -%}
+  {%- assign nav_list_end = "</ul>" -%}
 
-{%- capture nav_list_item -%}
-<li class="nav-list-item
-{%- endcapture -%}
+  {%- capture nav_list_item -%}
+  <li class="nav-list-item
+  {%- endcapture -%}
 
-{%- capture nav_category_list -%}
-<ul class="nav-list nav-category-list">
-{%- endcapture -%}
+  {%- capture nav_category_list -%}
+  <ul class="nav-list nav-category-list">
+  {%- endcapture -%}
 
-{%- assign nav_list_link_prefix =
-      site_nav | split: nav_list_link | first | append: nav_list_link -%}
+  {%- assign nav_list_link_prefix =
+        site_nav | split: nav_list_link | first | append: nav_list_link -%}
 
-{%- assign nav_splits =
-      nav_list_link_prefix | split: nav_list_item | pop -%}
+  {%- assign nav_splits =
+        nav_list_link_prefix | split: nav_list_item | pop -%}
 
-{%- assign nav_levels = "" | split: "" | push: 1 -%}
+  {%- assign nav_levels = "" | split: "" | push: 1 -%}
 
-{%- comment -%}
-  The pattern of occurrences of list and list-item tags in the site_nav string
-  is included in the language defined by the following context-free grammar:
-  
-    site_nav = PAGES? EXTERNALS? COLLECTION*
-
-    PAGES = nav_list (nav_list_item PAGES?)+ nav_list_end
-
-    EXTERNALS = nav_list nav_list_item+ nav_list_end
-
-    COLLECTION = nav_list (nav_list_item PAGES?)* nav_list_end
-               | nav_category_list 
-                   nav_list_item nav_list (nav_list_item PAGES?)* nav_list_end
-                 nav_list_end
-  
-  To determine the path in the site_nav to the nav_list_link for the current page,
-  the prefix of nav_list_link in site_nav is split at each nav_list_item to give
-  an array of nav_splits.
-  
-  In site_nav, occurrences of nav_list must be separated by at least one
-  nav_list_item or nav_list_end. Moreover, when a nav_list_end is followed by a
-  nav_list without an intervening nav_list_item, that nav_list must start either
-  a list of external links or a collection. And when a nav_list is followed by a
-  nav_list_end without an intervening nav_list_item, they form an empty collection.
-  
-  nav_levels is the path determined by the previously inspected nav_splits.
-  How many times nav_list and nav_list_end occur in the current nav_split 
-  determines how to update the path.
-  
-  A nav_split can contain any number of empty non-foldable collections.
-  The path element produced by the outer nav_list of a foldable collection is
-  irrelevant; it is set to zero and subsequently removed.
-    
-  The number of occurrences of a string in a nav_split is computed by removing
-  them all, then dividing the resulting size difference by the length of the string.
-  
-  Case analysis on (nav_list_count, nav_list_end_count):
-  
-  - when (0, 0), the nav_split was between two nav_list_items at the same level;
-  
-  - when (0, N+1), all the nav_list_ends in the nav_split are in PAGES or in one
-    COLLECTION;
+  {%- comment -%}
+    The pattern of occurrences of list and list-item tags in the site_nav string
+    is included in the language defined by the following context-free grammar:
     
-  - when (M+1, 0), M must be 0 (because two nav_lists in the same nav_split must
-    be separated by at least one nav_list_end);
-    
-  - when (M+1, N+1), the nav_split must contain either:
-    - the end of PAGES followed by the start of EXTERNALS, or
-    - the end of PAGES followed by the start of a COLLECTION, or
-    - the end of EXTERNALS followed by the start of a COLLECTION, or
-    - the end of one COLLECTION followed by the start of another, or
-    - (in the first nav_split) one or more empty non-foldable COLLECTIONS
-      followed by the start of a COLLECTION.
-    In general, nav_levels[0] here needs to be incremented by nav_list_count.
-    However, a nav_split that contains the end of an empty foldable collection
-    followed by the just the start of a collection has two occurrences of nav_list,
-    and the increment needs to be one less; similarly when the first nav_split
-    starts with an empty non-foldable collection.
-{%- endcomment %}
-
-{%- for nav_split in nav_splits -%}
-
-  {%- assign nav_list_less = nav_split | remove: nav_list -%}
-  {%- assign nav_list_count =
-        nav_split.size | minus: nav_list_less.size | 
-        divided_by: nav_list.size -%}
-
-  {%- assign nav_list_end_less = nav_split | remove: nav_list_end -%}
-  {%- assign nav_list_end_count =
-        nav_split.size | minus: nav_list_end_less.size | 
-        divided_by: nav_list_end.size -%}
-
-  {%- if nav_list_count == 0 and nav_list_end_count == 0 -%}
-
-    {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
-    {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
-
-  {%- elsif nav_list_count == 0 and nav_list_end_count >= 1 -%}
-
-    {%- assign nav_slice_size = nav_levels.size | minus: nav_list_end_count -%}
-    {%- assign nav_levels = nav_levels | slice: 0, nav_slice_size -%}
-    {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
-    {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
-
-  {%- elsif nav_list_count == 1 and nav_list_end_count == 0 -%}
-
-    {%- if nav_split contains nav_category_list -%}
-      {%- assign nav_levels = nav_levels | push: 0 -%}
-    {%- else -%}
-      {%- assign nav_levels = nav_levels | push: 1 -%}
-    {%- endif -%}
-
-  {%- elsif nav_list_count >= 1 and nav_list_end_count >= 1 -%}
-
-    {%- assign nav_index = nav_levels[0] | plus: nav_list_count -%}
-    {%- if nav_levels[-1] == 0 or forloop.first -%}
-      {%- assign nav_index = nav_index | minus: 1 -%}
-    {%- endif -%}
-    {%- assign nav_levels = nav_levels | slice: 0, 0 | push: nav_index -%}
-    {%- if nav_split contains nav_category_list -%}
-      {%- assign nav_levels = nav_levels | push: 0 -%}
-    {%- else -%}
-      {%- assign nav_levels = nav_levels | push: 1 -%}
-    {%- endif -%}
-
-  {%- endif -%}
-
-{%- endfor -%}
+      site_nav = PAGES? EXTERNALS? COLLECTION*
 
-{%- assign nav_levels = nav_levels | where_exp: "item", "item >= 1" -%}
+      PAGES = nav_list (nav_list_item PAGES?)+ nav_list_end
 
-{%- endif -%}
+      EXTERNALS = nav_list nav_list_item+ nav_list_end
 
-{%- comment -%}
-  The generated CSS depends on the position of the current page in each level in
-  the navigation.
-{%- endcomment -%}
+      COLLECTION = nav_list (nav_list_item PAGES?)* nav_list_end
+                 | nav_category_list 
+                     nav_list_item nav_list (nav_list_item PAGES?)* nav_list_end
+                   nav_list_end
+    
+    To determine the path in the site_nav to the nav_list_link for the current page,
+    the prefix of nav_list_link in site_nav is split at each nav_list_item to give
+    an array of nav_splits.
+    
+    In site_nav, occurrences of nav_list must be separated by at least one
+    nav_list_item or nav_list_end. Moreover, when a nav_list_end is followed by a
+    nav_list without an intervening nav_list_item, that nav_list must start either
+    a list of external links or a collection. And when a nav_list is followed by a
+    nav_list_end without an intervening nav_list_item, they form an empty collection.
+    
+    nav_levels is the path determined by the previously inspected nav_splits.
+    How many times nav_list and nav_list_end occur in the current nav_split 
+    determines how to update the path.
+    
+    A nav_split can contain any number of empty non-foldable collections.
+    The path element produced by the outer nav_list of a foldable collection is
+    irrelevant; it is set to zero and subsequently removed.
+      
+    The number of occurrences of a string in a nav_split is computed by removing
+    them all, then dividing the resulting size difference by the length of the string.
+    
+    Case analysis on (nav_list_count, nav_list_end_count):
+    
+    - when (0, 0), the nav_split was between two nav_list_items at the same level;
+    
+    - when (0, N+1), all the nav_list_ends in the nav_split are in PAGES or in one
+      COLLECTION;
+      
+    - when (M+1, 0), M must be 0 (because two nav_lists in the same nav_split must
+      be separated by at least one nav_list_end);
+      
+    - when (M+1, N+1), the nav_split must contain either:
+      - the end of PAGES followed by the start of EXTERNALS, or
+      - the end of PAGES followed by the start of a COLLECTION, or
+      - the end of EXTERNALS followed by the start of a COLLECTION, or
+      - the end of one COLLECTION followed by the start of another, or
+      - (in the first nav_split) one or more empty non-foldable COLLECTIONS
+        followed by the start of a COLLECTION.
+      In general, nav_levels[0] here needs to be incremented by nav_list_count.
+      However, a nav_split that contains the end of an empty foldable collection
+      followed by the just the start of a collection has two occurrences of nav_list,
+      and the increment needs to be one less; similarly when the first nav_split
+      starts with an empty non-foldable collection.
+  {%- endcomment %}
+
+  {%- for nav_split in nav_splits -%}
+
+    {%- assign nav_list_less = nav_split | remove: nav_list -%}
+    {%- assign nav_list_count =
+          nav_split.size | minus: nav_list_less.size | 
+          divided_by: nav_list.size -%}
+
+    {%- assign nav_list_end_less = nav_split | remove: nav_list_end -%}
+    {%- assign nav_list_end_count =
+          nav_split.size | minus: nav_list_end_less.size | 
+          divided_by: nav_list_end.size -%}
+
+    {%- if nav_list_count == 0 and nav_list_end_count == 0 -%}
+
+      {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
+      {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
+
+    {%- elsif nav_list_count == 0 and nav_list_end_count >= 1 -%}
+
+      {%- assign nav_slice_size = nav_levels.size | minus: nav_list_end_count -%}
+      {%- assign nav_levels = nav_levels | slice: 0, nav_slice_size -%}
+      {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
+      {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
+
+    {%- elsif nav_list_count == 1 and nav_list_end_count == 0 -%}
+
+      {%- if nav_split contains nav_category_list -%}
+        {%- assign nav_levels = nav_levels | push: 0 -%}
+      {%- else -%}
+        {%- assign nav_levels = nav_levels | push: 1 -%}
+      {%- endif -%}
+
+    {%- elsif nav_list_count >= 1 and nav_list_end_count >= 1 -%}
+
+      {%- assign nav_index = nav_levels[0] | plus: nav_list_count -%}
+      {%- if nav_levels[-1] == 0 or forloop.first -%}
+        {%- assign nav_index = nav_index | minus: 1 -%}
+      {%- endif -%}
+      {%- assign nav_levels = nav_levels | slice: 0, 0 | push: nav_index -%}
+      {%- if nav_split contains nav_category_list -%}
+        {%- assign nav_levels = nav_levels | push: 0 -%}
+      {%- else -%}
+        {%- assign nav_levels = nav_levels | push: 1 -%}
+      {%- endif -%}
 
-{%- if nav_levels[1] == nil -%}
+    {%- endif -%}
 
-{{ activation_no_nav_link }}
+  {%- endfor -%}
 
-{%- else -%}
+  {%- assign nav_levels = nav_levels | where_exp: "item", "item >= 1" -%}
 
-{%- if nav_levels[2] == nil and nav_levels[3] -%}
+  {%- comment -%}
+    The generated CSS depends on the position of the current page in each level in
+    the navigation.
 
-{{ activation_no_nav_link }}
+    nav_page_level is the depth of the navigation hierarchy (ignoring collections).
+    In existing 3-level sites, nav_page_level <= 3.
+    In multi-level sites, nav_page_level is unbounded.
+  {%- endcomment -%}
 
-{%- else -%}
+  {%- assign nav_page_level = nav_levels.size | minus: 1 -%}
+  {%- assign nav_page_parent_level = nav_page_level | minus: 1 -%}
+  {%- assign nav_page_grandparent_level = nav_page_level | minus: 2 -%}
 
-{%- comment -%}
-  The site-nav is:
-  - an optional ul.nav-list with li.nav-list-items for non-collection top-level pages
-  - an optional ul.nav-list with li.nav-list-item.externals
-  - any number of just-the-docs.collections
-  
-  A non-foldable collection is:
-  - a div.nav-category with the collection name, followed by:
-  - a ul.nav-list with li.nav-list-items for its top-level pages
-  
-  A foldable collection is:
-  - a ul.nav-list.nav-category-list with a single li.nav-list-item containing:
-    - an optional button with the expander svg
-    - a div.nav-category with the collection name
+  {%- comment -%}
+    The site-nav is:
+    - an optional ul.nav-list with li.nav-list-items for non-collection top-level pages
+    - an optional ul.nav-list with li.nav-list-item.externals
+    - any number of just-the-docs.collections
+    
+    A non-foldable collection is:
+    - a div.nav-category with the collection name, followed by:
     - a ul.nav-list with li.nav-list-items for its top-level pages
-  
-  The generated CSS uses:
-  - activation_collection_prefix, to select the site-nav > ul.nav-list for the page
-  - activation_other_collection_prefix, to select all the other site-nav > ul.nav-lists
-{%- endcomment -%}
-
-{%- if page.collection == nil -%}
-
-  {%- capture activation_collection_prefix -%}
-  .site-nav > ul.nav-list:first-child
-  {%- endcapture -%}
-
-  {%- capture activation_other_collection_prefix -%}
-  .site-nav > ul.nav-list:not(:first-child)
-  {%- endcapture -%}
+    
+    A foldable collection is:
+    - a ul.nav-list.nav-category-list with a single li.nav-list-item containing:
+      - an optional button with the expander svg
+      - a div.nav-category with the collection name
+      - a ul.nav-list with li.nav-list-items for its top-level pages
+    
+    The generated CSS uses:
+    - activation_collection_prefix, to select the site-nav > ul.nav-list for the page
+    - activation_other_collection_prefix, to select all the other site-nav > ul.nav-lists
+  {%- endcomment -%}
 
-{%- else -%}
+  {%- if page.collection == nil -%}
 
-  {%- capture activation_collection_prefix -%}
-  .site-nav > ul:nth-of-type({{ nav_levels[0] }})
-  {%- if site.just_the_docs.collections[page.collection].nav_fold %} > li > ul
-  {%- endif -%}
-  {%- endcapture -%}
-
-  {%- capture activation_other_collection_prefix -%}
-  .site-nav > ul:not(:nth-of-type({{ nav_levels[0] }}))
-  {%- endcapture -%}
+    {%- capture activation_collection_prefix -%}
+    .site-nav > ul.nav-list:first-child
+    {%- endcapture -%}
 
-{%- endif -%}
+    {%- capture activation_other_collection_prefix -%}
+    .site-nav > ul.nav-list:not(:first-child)
+    {%- endcapture -%}
 
-{%- comment -%}
-  The required background image of the link to the current page may involve SCSS.
-  To avoid page-dependent SCSS, all nav links initially have that background image.
-  The following rule removes the image from the links to all parents, siblings,
-  and children of the current page.
-{%- endcomment %}
+  {%- else -%}
 
-{% if nav_levels[3] -%}
+    {%- capture activation_collection_prefix -%}
+    .site-nav > ul:nth-of-type({{ nav_levels[0] }})
+    {%- if site.just_the_docs.collections[page.collection].nav_fold %} > li > ul
+    {%- endif -%}
+    {%- endcapture -%}
 
-{{ activation_collection_prefix }} > li > a,
-{{ activation_collection_prefix }} > li > ul > li > a,
-{{ activation_collection_prefix }} > li > ul > li > ul > li:not(:nth-child({{ nav_levels[3] }})) > a {
-  background-image: none;
-}
+    {%- capture activation_other_collection_prefix -%}
+    .site-nav > ul:not(:nth-of-type({{ nav_levels[0] }}))
+    {%- endcapture -%}
 
-{%- elsif nav_levels[2] -%}
+  {%- endif -%}
 
-{{ activation_collection_prefix }} > li > a,
-{{ activation_collection_prefix }} > li > ul > li:not(:nth-child({{ nav_levels[2] }})) > a,
-{{ activation_collection_prefix }} > li > ul > li > ul > li > a {
-  background-image: none;
-}
+  {%- comment -%}
+    The required background image of the link to the current page may involve SCSS.
+    To avoid page-dependent SCSS, all nav links initially have that background image.
+    The following rule removes the image from the links to all parents, siblings,
+    and children of the current page.
+  {%- endcomment %}
+
+    {% if nav_page_level >= 2 -%}
+    {%- for i in (1..nav_page_parent_level) -%}
+    {{ activation_collection_prefix }} >
+    {%- for j in (2..i) %} li > ul >
+    {%- endfor %} li > a,
+    {% endfor -%}
+    {%- endif %}
+    {{ activation_collection_prefix }} >
+    {%- for i in (1..nav_page_parent_level) %} li > ul >
+    {%- endfor %} li:not(:nth-child({{ nav_levels[nav_page_level] }})) > a,
+    {{ activation_collection_prefix }} >
+    {%- for i in (1..nav_page_level) %} li > ul >
+    {%- endfor %} li a {
+      background-image: none;
+    }
+
+  {%- comment -%}
+    The following rule removes the image from the links to pages in other collections.
+  {%- endcomment %}
+
+    {{ activation_other_collection_prefix }} a,
+    .site-nav li.external a {
+      background-image: none;
+    }
+
+  {%- comment -%}
+    The following rule styles the link to the current page.
+  {%- endcomment %}
+
+    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }})
+    {%- for i in (2..nav_page_level) %} > ul > li:nth-child({{ nav_levels[i] }})
+    {%- endfor %} > a {
+      font-weight: 600;
+      text-decoration: none;
+    }
+
+  {%- comment -%}
+    The following rules unfold all collections, and display the links to any children
+    of the current page.
+    
+    To avoid dependence on the SCSS variable nav-list-expander-right, the direction
+    of the rotation of the expander icon is fixed, and corresponds to the appearance
+    when nav-list-expander-right is true. This results in a minor visual difference
+    between the appearance of active expander icons when JS is enabled/disabled and
+    nav-list-expander-right is false, which seems unavoidable.
+  {%- endcomment %}
+
+    {%- if site.just_the_docs.collections %}
+    .site-nav > ul.nav-category-list > li > button svg,
+    {% endif -%}
+    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > button svg
+    {%- for i in (2..nav_page_level) %},
+    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > 
+    {%- for j in (2..i) %} ul > li:nth-child({{ nav_levels[j] }}) >
+    {%- endfor %} button svg
+    {%- endfor %} {
+      transform: rotate(-90deg);
+    }
+
+    {%- if site.just_the_docs.collections %}
+    .site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list,
+    {% endif -%}
+    {{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) > ul.nav-list
+    {%- for i in (2..nav_page_level) %},
+    {{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) >
+    {%- for j in (2..i) %} ul.nav-list > li.nav-list-item:nth-child({{ nav_levels[j] }}) >
+    {%- endfor %} ul.nav-list
+    {%- endfor %} {
+      display: block;
+    }
 
 {%- else -%}
 
-{{ activation_collection_prefix }} > li:not(:nth-child({{ nav_levels[1] }})) > a,
-{{ activation_collection_prefix }} > li > ul > li > a,
-{{ activation_collection_prefix }} > li > ul > li > ul > li > a {
-  background-image: none;
-}
-
-{%- endif %}
-
-{%- comment -%}
-  The following rule removes the image from the links to pages in other collections.
-{%- endcomment %}
+  {%- comment -%}
+    not site_nav contains nav_list_link
+  {%- endcomment -%}
 
-{{ activation_other_collection_prefix }} a,
-.site-nav li.external a {
-  background-image: none;
-}
+    {{ activation_no_nav_link }}
 
-{%- comment -%}
-  The following rule styles the link to the current page.
-{%- endcomment %}
-
-{{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }})
-{%- if nav_levels[2] %} > ul > li:nth-child({{ nav_levels[2] }})
-{%- if nav_levels[3] %} > ul > li:nth-child({{ nav_levels[3] }})
-{%- endif -%}
-{%- endif %} > a {
-  font-weight: 600;
-  text-decoration: none;
-}
-
-{%- comment -%}
-  The following rules unfold all collections, and display the links to any children
-  of the current page.
-  
-  To avoid dependence on the SCSS variable nav-list-expander-right, the direction
-  of the rotation of the expander icon is fixed, and corresponds to the appearance
-  when nav-list-expander-right is true. This results in a minor visual difference
-  between the appearance of active expander icons when JS is enabled/disabled and
-  nav-list-expander-right is false, which seems unavoidable.
-{%- endcomment %}
-
-{%- if site.just_the_docs.collections %}
-.site-nav > ul.nav-category-list > li > button svg,
-{% endif -%}
-{{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > button svg
-{%- if nav_levels[2] -%},
-{{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > ul > li:nth-child({{ nav_levels[2] }}) > button svg
-{%- endif %} {
-  transform: rotate(-90deg);
-}
-
-{%- if site.just_the_docs.collections %}
-.site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list,
-{% endif -%}
-{{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) > ul.nav-list
-{%- if nav_levels[2] %},
-{{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) > ul.nav-list > li.nav-list-item:nth-child({{ nav_levels[2] }}) > ul.nav-list
-{%- endif %} {
-  display: block;
-}
-
-{%- endif -%}
 {%- endif -%}

data/_layouts/default.html

@@ -9,7 +9,13 @@ layout: table_wrappers
 <body>
   <a class="skip-to-main" href="#main-content">Skip to main content</a>
   {% include icons/icons.html %}
-  {% include components/sidebar.html %}
+  {% if page.nav_enabled == true %}
+    {% include components/sidebar.html %}
+  {% elsif layout.nav_enabled == true and page.nav_enabled == nil %}
+    {% include components/sidebar.html %}
+  {% elsif site.nav_enabled != false and layout.nav_enabled == nil and page.nav_enabled == nil %}
+    {% include components/sidebar.html %}
+  {% endif %}
   <div class="main" id="top">
     {% include components/header.html %}
     <div class="main-content-wrap">
@@ -22,7 +28,7 @@ layout: table_wrappers
             {{ content }}
           {% endif %}
 
-          {% if page.has_children == true and page.has_toc != false %}
+          {% if page.has_toc != false %}
             {% include components/children_nav.html %}
           {% endif %}
         </main>

data/_layouts/minimal.html

@@ -1,34 +1,6 @@
 ---
-layout: table_wrappers
+layout: default
+nav_enabled: false
 ---
 
-<!DOCTYPE html>
-
-<html lang="{{ site.lang | default: 'en-US' }}">
-{% include head.html %}
-<body>
-  <a class="skip-to-main" href="#main-content">Skip to main content</a>
-  {% include icons/icons.html %}
-  <div class="main-content-wrap" id="top">
-    {% include components/breadcrumbs.html %}
-    <div id="main-content" class="main-content" role="main">
-      {% if site.heading_anchors != false %}
-        {% include vendor/anchor_headings.html html=content beforeHeading="true" anchorBody="<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><use xlink:href=\"#svg-link\"></use></svg>" anchorClass="anchor-heading" anchorAttrs="aria-labelledby=\"%html_id%\"" %}
-      {% else %}
-        {{ content }}
-      {% endif %}
-
-      {% if page.has_children == true and page.has_toc != false %}
-        {% include components/children_nav.html %}
-      {% endif %}
-
-      {% include components/footer.html %}
-
-    </div>
-  </div>
-
-  {% if site.mermaid %}
-    {% include components/mermaid.html %}
-  {% endif %}
-</body>
-</html>
+{{ content }}

data/_sass/base.scss

@@ -10,9 +10,9 @@
 }
 
 html {
-  @include fs-4;
-
   scroll-behavior: smooth;
+
+  @include fs-4;
 }
 
 body {

data/_sass/code.scss

@@ -142,10 +142,10 @@ div.highlighter-rouge {
 
 // for AsciiDoc. we also need to fix the margins for its parent container.
 div.listingblock {
-  @include scroll-and-spacing("div.content", "div.content > pre");
-
   margin-top: 0;
   margin-bottom: $sp-3;
+
+  @include scroll-and-spacing("div.content", "div.content > pre");
 }
 
 // {% highlight LANG %}...{% endhighlight %},
@@ -176,12 +176,12 @@ figure.highlight {
 
   td,
   pre {
-    @include fs-2;
-
     min-width: 0;
     padding: 0;
     background-color: $code-background-color;
     border: 0;
+
+    @include fs-2;
   }
 
   td.gl {

data/_sass/labels.scss

@@ -14,9 +14,9 @@
   text-transform: uppercase;
   vertical-align: middle;
   background-color: $blue-100;
-  @include fs-2;
-
   border-radius: 12px;
+
+  @include fs-2;
 }
 
 .label-green:not(g) {