jekyll-theme-centos 0.7.3 → 0.7.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3eed90c0845ff5aa3368dcf0534e6cac3802b2522c84d62dec52adbc93810511
-  data.tar.gz: f845903d10cfa062aefa1ae55f8e1c9656605ac94917cbc48f8f03b8e231d95b
+  metadata.gz: c13538ecc94f9353bab644bd01c1df2321753dd43a0ddddcd58a3af52799be39
+  data.tar.gz: a5f340bb77ee0b912b46fa5e5e8ab946736c8d0937cd83291f750a2e82f2ce89
 SHA512:
-  metadata.gz: 2424be5aaa2bd8071c4895837c5eb84fbb81bdd7b755b97e4c53df5f2c4b329428a1891875ba8ec1750d906777113a23b1ed10cd5c21ad3d5952d1674b577df4
-  data.tar.gz: 02b5cfcefab805d61844d68085fb854faf308a69c444fd50b79a05428495c7df20c9c5cbd7216794dabf6c10a8abc54b5a22c71ef3745e250e9b72ec96f3e93b
+  metadata.gz: c0618433f2ab8afa146bd3ae9c442b55232781d9ff6603bb006cf483068f68e79dfcf959163f39757c9f2a47bd5f5263ed3bbf8eea006ccf746a05dac628b000
+  data.tar.gz: 0ae3353e48a2a3b9f0e46362b3c2697ee23c4a38a563f212fc5273d0a7357876cd2d590d25ba4f3462fc1d620e6e9ba09e3d5a09d673205c8f69854f763bb033

data/_includes/navbar.html

@@ -1,4 +1,4 @@
-<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
+<nav class="navbar">
     <div class="container">
       <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"> <span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
         <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>

data/_includes/post-nav-explorer.html

@@ -4,20 +4,20 @@
   {% else %}
   <div class="post__nav__explorer__newer--disabled">
   {% endif %}
-  <a href="{{ page.previous.url | remove:'index.html' }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
+  <a href="{{ page.previous.url | remove:'index.html' }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
   </div>
   {% include top.html %}
   <div class="post__nav_explorer__feeds">
-    <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
+    <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
   </div>
   <div class="post__nav__explorer__index">
-    <a href="/news-and-events/"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+    <a href="/news-and-events/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
   </div>
   {% if page.next.url %}
   <div class="post__nav__explorer__older">
   {% else %}
   <div class="post__nav__explorer__older--disabled">
   {% endif %}
-  <a href="{{ page.next.url | remove:'index.html' }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
+  <a href="{{ page.next.url | remove:'index.html' }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
   </div>
 </nav>

data/_includes/toc.html

@@ -94,11 +94,11 @@
 {{ my_toc | lstrip }}{% endcapture %}
     {% endif %}{% endcapture %}
 
-{% if my_toc != "" %}
 <div class="toc">
+{% if my_toc != "" %}
   <header class="toc__header">On this page:</header>
   <section class="toc__section">
   {% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
   </section>
-</div>
 {% endif %}
+</div>

data/_includes/top.html

@@ -1,3 +1,3 @@
 <div class="top">
-  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-primary"><i class="fas fa-arrow-circle-up"></i></button></a>
+  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-light"><i class="fas fa-arrow-up"></i></button></a>
 </div>

data/_sass/centos/_footer.scss

@@ -1,5 +1,7 @@
 .footer {
 
+  flex: 1;
+
   @include header-links;
 
 	background-image: url($centos-img-motif);

data/_sass/centos/_main.scss

@@ -1,11 +1,17 @@
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
+  display: flex;
   @extend .container;
-  min-height: calc(30vh);
 }
 
 .home {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
     &__distributions {
       .btn {
@@ -41,7 +47,7 @@
   }
 
   &__content {
-    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
     @include content;
     @include content-nav;
   }
@@ -49,7 +55,7 @@
 
 .page {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
   }
 }
@@ -57,7 +63,7 @@
 .blog {
 
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
 
     &__breadcrumb {
@@ -106,7 +112,7 @@
   }
 
   &__content {
-    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
     @include content;
     @include content-nav;
   }
@@ -115,7 +121,7 @@
 
 .search {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
 
     .ais-search-box {
@@ -135,7 +141,6 @@
       font-style: normal;
     }
     .post-breadcrumbs {
-      display: block;
       font-size: small;
     }
     .post-snippet img {

data/_sass/centos/_nav.scss

@@ -1,8 +1,14 @@
 .navbar {
+  @extend .fixed-top;
+  @extend .navbar-expand-xl;
+  @extend .navbar-dark;
+
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+
   &-dark {
     background: $dark;
   }
+
   &-brand {
     .manifestation {
       color: white;

data/_sass/centos/_toc.scss

@@ -1,6 +1,9 @@
 .toc {
   font-size: small;
-  margin-bottom: calc(#{$paragraph-margin-bottom} * 1.25);
+
+  @include media-breakpoint-up(xm) {
+    margin-bottom: calc(#{$paragraph-margin-bottom} * 1.25);
+  }
 
   &__header {
     font-weight: $headings-font-weight;

data/_sass/centos/_variables.scss

@@ -6,8 +6,8 @@ $centos-color-0:                    #9ccd2a;
 $centos-color-1:                    #efa724;
 $centos-color-2:                    #a14f8c;
 $centos-color-3:                    #262577;
-$centos-img-logo:                   "/assets/img/logo.png";
-$centos-img-motif:                  "/assets/img/motif.png";
+$centos-img-logo:                   "../img/logo.png";
+$centos-img-motif:                  "../img/motif.png";
 
 // Color system - based in the artistic motif palette and the number of
 // occurrence each color has in the image.
@@ -33,7 +33,7 @@ $paragraph-margin-bottom:           1.8rem;
 $code-color:                        $dark;
 
 // Typography - Font, line-height, and color for body text, headings, and more.
-$font-family-path:                  "/assets/fonts";
+$font-family-path:                  "../fonts";
 $font-family-sans-serif:            Montserrat;
 $line-height-base:                  1.75;
 $headings-line-height:              $line-height-base - 0.3;

data/_sass/centos/centos.scss

@@ -1,5 +1,5 @@
 /*!
- * jekyll-theme-centos v0.7.3 (https://gitlab.com/areguera/jekyll-theme-centos/)
+ * jekyll-theme-centos v0.7.8 (https://gitlab.com/areguera/jekyll-theme-centos/)
  * Copyright 2020-2021 Alain Reguera Delgado
  * Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
  */

data/_sass/centos/mixins/_aside-nav.scss

@@ -3,27 +3,20 @@
   width: 100%;
   margin-top: 15px;
   margin-left: 15px;
-  margin-bottom: $paragraph-margin-bottom;
-
+  margin-bottom: 15px;
   align-self: start;
-  position: sticky;
-  top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
 
   &__explorer {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
-    border-top: 1px solid $gray-300;
-    margin-top: $paragraph-margin-bottom;
-    margin-bottom: $paragraph-margin-bottom;
-    padding-top: $paragraph-margin-bottom;
   }
 
   .toc {
     &__section {
       flex-direction: column;
-      max-height: 65vh;
       overflow-y: auto;
+      height: 75vh;
     }
   }
 
@@ -31,8 +24,16 @@
     display: none;
   }
 
-  @include media-breakpoint-up(lg) {
-    display: block;
+  @include media-breakpoint-up(xl) {
+    display: flex;
+    flex-flow: column nowrap;
+    height: 100vh;
+    position: sticky;
+    top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
+
+    .toc {
+      flex: 1;
+    }
   }
 
 }

data/_sass/centos/mixins/_content-nav.scss

@@ -3,8 +3,11 @@
     margin: 0;
     @include media-breakpoint-up(xm) {
       display: block;
+      .top {
+        margin-top: $paragraph-margin-bottom;
+      }
     }
-    @include media-breakpoint-up(lg) {
+    @include media-breakpoint-up(xl) {
       display: none;
     }
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 0.7.3
+  version: 0.7.8
 platform: ruby
 authors:
 - Alain Reguera Delgado
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-03 00:00:00.000000000 Z
+date: 2021-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll