jekyll-theme-open-project 1.3 → 1.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 82039c5e0b7470495d92c3be14a95d13cfce792e2870a4f8a8750d2c5420352e
-  data.tar.gz: 9bc073983409ad7f531b9a98cf560615fddb746a3274ec89edfede271350dc90
+  metadata.gz: '0530758261382737889843301cec1a316937e4fa933a2f13672a7222beb68edd'
+  data.tar.gz: 2fa76e9901405742545e594f0ab0375182756fe9e78a6d9accdf953f7a3469f8
 SHA512:
-  metadata.gz: 9e0bb94398bfa1112d58c8df0ee5b4974253cd3e3bc3e64fc192810244a65319571391c71a7b1c8ca1e24f147f8cc1f1d00bb6e43a2ba101b601923c5d0e6219
-  data.tar.gz: e04958a143f4bff3bdd185fd052a656f05380e8fb4c83aca8277c6c40406ed65a8f27392cfc201d5365c95d6d626a267db93bacedc899a604ff6b0c7fabc39f7
+  metadata.gz: b6bdb86467beebbafc2010e15529aff7ae452f260eacd09c8b8142111c37a4c1d3b2fcb813e90e0a835c87e4392d5191f404fffbf38d1657a40e490d96b1a3a2
+  data.tar.gz: 7cb68bb9b3320e538a5993a43b2244cbe65dcb2d4193ad423520fd23dadaf700a6998ca81bb19f7cfc577ff54594bd081b00c2485d4589f8909b2f12fd34c40e

data/_includes/_nav-item.html

@@ -3,8 +3,10 @@
 
 {% if include.item == include.selected_item %}
   {% assign selected = true %}
+  {% assign selected_item = include.item %}
 {% elsif include.selected_item == null and page.url == link %}
   {% assign selected = true %}
+  {% assign selected_item = include.item %}
 {% else %}
   {% assign selected = false %}
   {% comment %} Otherwise in Liquid selected value falls through to next include instance {% endcomment %}

data/_includes/item-doc-page.html

@@ -96,7 +96,7 @@ supporting expandable navigation widget.
       </div>
 
       {% if is_docs_landing == false and item_data.docs.git_repo_url %}
-        <nav>
+        <nav role="toolbar">
           <button class="docs-nav-toggle">Toggle table of contents</button>
           <a href="{{ item_data.docs.git_repo_url }}/edit/master/docs/{{ page.path | split: "/" | last }}" class="docs-suggest-edits">Suggest edits to this page</a>
         </nav>

data/_layouts/docs-base.html

@@ -5,28 +5,9 @@ layout: default
 {% assign title = page.title | default: layout.title %}
 {% assign prominent_title = page.article_header_title | default: layout.article_header_title %}
 {% assign nav = page.navigation | default: layout.navigation %}
-{% assign base_url = nav.base_url | default: page.base_url | default: layout.base_url %}
+{% assign base_url = nav.base_url | default: page.base_url | default: layout.base_url | default: "" %}
 {% assign num_top_nav_items = nav.items | size %}
 
-{% for item in nav.items %}
-  {% assign topmost_item = item %}
-
-  {% if page.url == item.path %}
-    {% assign selected_item = item %}
-    {% assign selected_section = item %}
-  {% endif %}
-
-  {% if item.items %}
-    {% for item in item.items %}
-        {% if page.url == item.path %}
-          {% assign selected_item = item %}
-          {% assign selected_section = topmost_item %}
-        {% endif %}
-    {% endfor %}
-  {% endif %}
-{% endfor %}
-
-
 <header class="documentation-header {% if num_top_nav_items > 0 %} has-nav {% endif %}">
   {% if title %}
     <span class="section-title">
@@ -61,7 +42,7 @@ layout: default
   <nav class="docs-nav">
     <ul class="nav-items">
       {% for item in nav.items %}
-        {% include _nav-item.html selected_item=selected_item item=item base_url=base_url %}
+        {% include _nav-item.html item=item base_url=base_url %}
       {% endfor %}
     </ul>
   </nav>
@@ -73,8 +54,20 @@ layout: default
       </div>
 
       <div>
-        <h3 class="lead">{{ page.description }}</h3>
+        <div class="lead">{{ page.description }}</div>
       </div>
+
+      {% if selected_item.items %}
+        <nav class="subitems">
+          <h2>Further in this section</h2>
+
+          <ul>
+            {% for item in selected_item.items %}
+              {% include _nav-item.html item=item base_url=base_url %}
+            {% endfor %}
+          </ul>
+        </nav>
+      {% endif %}
     </header>
 
     <div class="body">

data/_sass/open-project-mixins.scss

@@ -25,12 +25,14 @@
 }
 
 @mixin padded-code-snippet() {
-  padding: 0 1em;
+  padding: 0 .75em;
   margin: 0 .2em;
   background: rgba($main-font-color, 0.03);
+
   border: 1px dashed lighten($main-font-color, 70);
-  border-radius: .5em;
-  font-size: 80%;
+  border-radius: .25em;
+
+  font-size: 15px;
 }
 
 @mixin padded-code-snippet--reset() {
@@ -39,7 +41,6 @@
   background: transparent;
   border: 0;
   border-radius: 0;
-  font-size: 100%;
 }
 
 @mixin code-snippet-container() {
@@ -49,11 +50,16 @@
 
   @include padded-code-snippet();
   padding-top: .5em;
-  padding-bottom: .75em;
+  padding-bottom: .5em;
+
+  border-width: 0 0 0 1px;
+  border-radius: 0 .25em .25em 0;
 
   margin-top: 1em;
   margin-bottom: 1em;
 
+  margin-left: -.1em;
+
   > code {
     // Avoid bad formatting in case of <code> element nested
     // inside a <pre>
@@ -154,9 +160,59 @@
     }
   }
 
+  .conum {
+    color: $primary-dark-color;
+    font-family: $font-family;
+    opacity: 0.7;
+    transition: opacity .4s ease-out;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  .colist {
+    ol {
+      list-style: none;
+      counter-reset: item;
+      padding-left: 1.5em;
+
+      li {
+        counter-increment: item;
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: flex-start;
+
+        &:before {
+          margin-left: -1.5em;
+          flex-shrink: 0;
+          width: 1.75em;
+          height: 1.75em;
+          margin-right: .25em;
+          margin-top: -.1em;
+
+          border-radius: 100%;
+          padding: .1em;
+          line-height: 1.8;
+
+          content: counter(item);
+          font-size: 100%;
+          font-weight: bold;
+          text-align: center;
+          background-color: $primary-dark-color;
+          font-family: monospace;
+          color: white;
+          transform: scale(0.8);
+        }
+      }
+    }
+  }
+
   // Used for tip block labels
   .admonitionblock {
     overflow-x: scroll;
+    padding-left: .5em;
+    background-color: rgba(black, 0.03);
 
     table:first-child {
       margin-top: 0;
@@ -168,9 +224,21 @@
     td.icon {
       vertical-align: top;
       padding-left: 0;
+      font-size: 90%;
     }
+
     .content {
-      font-size: 80%;
+      font-size: 90%;
+
+      .title {
+        background: transparent;
+        color: $main-font-color;
+        padding-left: 0;
+      }
+
+      .listingblock pre {
+        font-size: 100%;
+      }
 
       > div:first-child {
         > :first-child {
@@ -309,8 +377,11 @@
     $external-links-side-margin: 16px;  // for external links
 
     flex: 1;
-    display: flex;
-    flex-flow: column nowrap;
+
+    @media screen and (min-width: $bigscreen-breakpoint) {
+      display: flex;
+      flex-flow: column nowrap;
+    }
 
     overflow-x: auto; // on narrow screens, code snippets & tables may overflow width
 
@@ -368,13 +439,12 @@
           &.selected {
             > .item-title {
               background-color: #f0f0f0;
-              margin-left: -.5em;
-              padding-left: .5em;
+              margin-left: -2em;
+              padding-left: 2em;
             }
 
             span {
               font-weight: bold;
-              color: $primary-dark-color;
             }
           }
           a { @include static-link-color(#444); }
@@ -387,8 +457,6 @@
             line-height: 1.8;
           }
           > ul {
-            @include reset-list;
-
             margin-left: .75em;
             padding-left: 0;
             line-height: 2;
@@ -401,10 +469,10 @@
           }
 
           ul.in-page-toc {
-            padding: .25em .25em .25em 1em;
-            background-color: #f0f0f0;
-
-            margin-left: .75em;
+            padding: .25em .25em .25em0;
+            margin-left: 0;
+            margin-bottom: .5em;
+            border-radius: 0 0 0 1em;
 
             &, ul {
               list-style: none;
@@ -418,7 +486,6 @@
 
               &.highlighted > .item-title {
                 a:link, a:visited {
-                  color: $primary-dark-color;
                   font-weight: bold;
                 }
               }
@@ -431,6 +498,11 @@
     > article {
       @extend .main-article;
 
+      .body {
+        font-size: 17px;
+        line-height: 1.6;
+      }
+
       margin: 0 auto;
       flex: 1;
 
@@ -438,7 +510,7 @@
       z-index: 1;
 
       > header, > footer {
-        nav {
+        [role=toolbar] {
           line-height: 1;
 
           button, a {
@@ -468,7 +540,7 @@
       }
 
       > header {
-        > nav {
+        > [role=toolbar] {
           margin-top: -2em;
           margin-bottom: 4em;
         }
@@ -508,13 +580,6 @@
       > .body {
         @include asciidoc-markup($primary-dark-color);
       }
-
-      > footer > nav {
-        margin-top: 2em;
-        @media screen and (min-width: $bigscreen-breakpoint) {
-          margin-left: 2em;
-        }
-      }
     }
 
     .docs-nav,

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-open-project
 version: !ruby/object:Gem::Version
-  version: '1.3'
+  version: 1.3.1
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-08 00:00:00.000000000 Z
+date: 2019-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -72,14 +72,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '1.3'
+        version: 1.3.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '1.3'
+        version: 1.3.1
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement