jekyll-theme-centos 0.1.22 → 0.2.1

data/_sass/centos/_main.scss

@@ -0,0 +1,196 @@
+.home, .page, .blog, .aside, .download, .sponsors, .search {
+  @extend .container;
+  min-height: calc(30vh);
+  padding-top: $paragraph-margin-bottom;
+  padding-bottom: $paragraph-margin-bottom;
+}
+
+.home {
+  @include content;
+
+  &__news-and-sponsors {
+    @extend .row;
+    &__news {
+      @extend .col;
+      @include link-list;
+    }
+    &__sponsors {
+      @extend .col-4;
+      .card {
+        margin: 1em;
+        margin-left: 0;
+        border: none;
+      }
+      img {
+        width: auto;
+        height: 50px;
+      }
+    }
+  }
+  &__around {
+    @include link-list;
+  }
+}
+
+.aside {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+
+  &__nav {
+    @include aside-nav;
+  }
+
+  &__content {
+    @extend .col-xl-8;
+    @include content;
+    padding-left: 0;
+  }
+}
+
+.page {
+  &__content {
+    @include content;
+  }
+}
+
+.blog {
+  &__breadcrumb {
+    @extend .breadcrumb;
+    &__item {
+      @extend .breadcrumb-item;
+      &--active {
+        @extend .active;
+      }
+    }
+  }
+
+  &__navbar {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+
+    &__newer, &__older, &__feeds {
+      &--disabled {
+        opacity: 0;
+      }
+    }
+  }
+
+  &__entries {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    &__card {
+      display: flex;
+      justify-content: space-between;
+      flex-direction: row;
+      flex-wrap: wrap;
+
+      border: none;
+
+      &__item {
+        @extend .col-lg-6;
+        &__image {
+          @extend .img-fluid;
+          padding-bottom: 1em;
+        }
+      }
+    }
+    border-bottom: 1px solid $body-color;
+  }
+}
+
+.post {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  flex-wrap: wrap;
+
+  &__navbar {
+    @extend .col-lg-8;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+
+    &__newer, &__older {
+      &--disabled {
+        opacity: 0;
+      }
+    }
+    &__newer {
+      margin-right: 0;
+    }
+    &__older {
+      margin-left: 0;
+    }
+  }
+
+  &__content {
+    @extend .col-lg-8;
+    @include content;
+
+    &__nav {
+      @include aside-nav;
+    }
+  }
+}
+
+.search {
+  &__results {
+    @include link-list;
+
+    .lunrsearchresult {
+      .title {
+        margin-top: 0;
+      }
+      .url {
+        color: silver;
+      }
+    }
+  }
+}
+
+.download {
+  &__content {
+    @include content;
+    &__card {
+      @extend .card;
+      margin-bottom: $paragraph-margin-bottom;
+      table { margin-bottom: 0 }
+      &__header {
+        @extend .card-header;
+      }
+      &__body {
+        @extend .card-body;
+        padding: 15px;
+      }
+    }
+  }
+}
+
+.sponsors {
+  &__content {
+    &__card {
+      display: flex;
+      flex-wrap: wrap;
+      &__item {
+        @extend .card;
+        border: none;
+        padding: 15px;
+        text-align: left;
+        &__image {
+          img {
+            width: auto;
+            height: 50px;
+          }
+        }
+        &__body {
+          &__title {
+          }
+          &__description {
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/centos/_mixins.scss

@@ -1,6 +1,3 @@
-@import "mixins/_page-heading";
-@import "mixins/_page-lists";
-@import "mixins/_page-card";
-@import "mixins/_page-toc";
-@import "mixins/_link-dark";
-@import "mixins/_before-angle-right";
+@import "mixins/_content";
+@import "mixins/_aside-nav";
+@import "mixins/_link-list";

data/_sass/centos/_nav.scss

@@ -1,14 +1,3 @@
-.nav-link {
-  font-weight: $font-weight-bold;
-}
-
-.tab-content {
-  table {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-}
-
-.nav-tabs {
-  margin-bottom: 0 !important;
+.navbar {
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }

data/_sass/centos/{mixins/_page-toc.scss → _toc.scss}

@@ -1,11 +1,15 @@
-@mixin page-toc {
+.toc {
+  font-size: small;
 
-  header {
-    padding-top: 1em;
+  &__header {
+    font-weight: $headings-font-weight;
   }
 
   ul {
-    padding-left: 1em;
+    padding-left: 1rem;
+    &:first-child {
+      padding-left: 0;
+    }
     ul {
       padding-left: 1em;
     }

data/_sass/centos/_variables.scss

@@ -12,20 +12,20 @@ $dark:                              $black;
 /* ----------------------------------------------------------------------
  * CentOS Identity
  * ---------------------------------------------------------------------- */
-$color-0:                    #9ccd2a;
-$color-1:                    #efa724;
-$color-2:                    #a14f8c;
-$color-3:                    #262577;
+$color-0:                           #9ccd2a;
+$color-1:                           #efa724;
+$color-2:                           #a14f8c;
+$color-3:                           #262577;
 
-$logo-image:                 "/assets/img/logo.png";
-$background-image:           "/assets/img/motif.png";
+$logo-image:                        "/assets/img/logo.png";
+$background-image:                  "/assets/img/motif.png";
 
-$home-header-padding-top:    202px;
-$home-header-padding-bottom: 150px;
-$page-header-padding-top:    152px;
-$page-header-padding-bottom: 100px;
-$heading-margin-top:         1em;
-$scroll-margin-top:          $heading-margin-top * 2.6;
+$home-header-padding-top:           202px;
+$home-header-padding-bottom:        150px;
+$page-header-padding-top:           152px;
+$page-header-padding-bottom:        100px;
+$heading-margin-top:                1rem;
+$scroll-margin-top:                 $heading-margin-top * 2.6;
 
 /* ----------------------------------------------------------------------
  * Nord Identity
@@ -52,7 +52,7 @@ $nord-color-15:                     #b48ead;
 // Settings for the `<body>` element.
 
 $body-bg:                           $white;
-$body-color:                        $nord-color-0;
+$body-color:                        #212529;
 
 // Paragraphs
 //
@@ -69,44 +69,14 @@ $line-height-base:                  1.75;
 $headings-line-height:              $line-height-base - 0.3;
 $headings-font-weight:              700;
 
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-head-bg:                     $body-color;
-$table-dark-color:                  $nord-color-6;
-$table-dark-bg:                     $nord-color-2;
-$table-dark-color:                  $nord-color-6;
-$table-dark-border-color:           $nord-color-2;
-
-// Nav
-
-$nav-tabs-link-active-color:        $table-dark-color;
-$nav-tabs-link-active-bg:           $table-dark-bg;
-$nav-tabs-link-active-border-color: $table-dark-bg;
-
-// Navbar
-
-$navbar-nav-link-padding-x:         .5rem;
-$navbar-dark-color:                 rgba($white, .8);
-$navbar-dark-hover-color:           $nord-color-6;
-
-// Dropdowns
 //
 // Dropdown menu container and contents.
 //
 $dropdown-bg:                       $black;
-$dropdown-link-color:               $nord-color-6;
-$dropdown-link-hover-color:         $nord-color-6;
+$dropdown-link-color:               $white;
+$dropdown-link-hover-color:         $white;
 $dropdown-link-hover-bg:            rgba($white, .2);
 
-// Cards
-
-$card-spacer-y:                     0;
-$card-spacer-x:                     0;
-
 // Breadcrumbs
-
 $breadcrumb-bg:                     transparent;
 $breadcrumb-padding-x:              0;

data/_sass/centos/centos.scss

@@ -15,9 +15,10 @@
 
 @import "_mixins";
 @import "_datatable";
-@import "_rssfeeds";
 @import "_highlighter";
+@import "_toc";
+@import "_breadcrumbs";
 @import "_nav";
 @import "_header";
-@import "_page";
+@import "_main";
 @import "_footer";

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

@@ -0,0 +1,26 @@
+@mixin aside-nav {
+  @extend .col-xl-4;
+  font-size: small;
+
+  border-left: 1px solid #eee;
+
+  @include media-breakpoint-up(xl) {
+    align-self: start;
+    position: sticky;
+    top: 90px;
+  }
+
+  .toc {
+    &__section {
+      @include media-breakpoint-up(xl) {
+        flex-direction: column;
+        max-height: 70vh;
+        overflow-y: auto;
+      }
+    }
+  }
+
+  .top {
+    margin-top: $paragraph-margin-bottom;
+  }
+}

data/_sass/centos/mixins/_content.scss

@@ -0,0 +1,82 @@
+@mixin content {
+
+  h1, h2, h3, h4, h5, h6 {
+    scroll-margin-top: $scroll-margin-top + 2.5;
+    &:first-child {
+      margin-top: 0;
+      padding-top: 0;
+    }
+  }
+
+  h2 {
+    margin-top: $scroll-margin-top;
+    border-bottom: 3px solid $body-color;
+  }
+
+  img {
+    @extend .img-fluid;
+  }
+
+  pre {
+    @extend .highlight, .pre-scrollable;
+    padding: 1rem;
+  }
+
+  table {
+    @extend .table, .table-striped;
+    thead {
+      @extend .thead-dark;
+    }
+  }
+
+
+  blockquote {
+    @extend .blockquote;
+    font-size: $font-size-base;
+
+    border-left: 5px solid $nord-color-7;
+    background-color: rgba($nord-color-7, 0.05);
+    padding: 1em;
+    padding-left: 2em;
+
+    blockquote {
+      border-left: 5px solid $nord-color-11;
+      background-color: rgba($nord-color-11, 0.05);
+      blockquote {
+        border-left: 5px solid $nord-color-14;
+        background-color: rgba($nord-color-14, 0.05);
+        blockquote {
+          border-left: 5px solid $nord-color-13;
+          background-color: rgba($nord-color-13, 0.05);
+        }
+      }
+    }
+  }
+
+  .alert {
+    padding-bottom: 0;
+    .title {
+      font-size: $h4-font-size;
+      font-weight: $font-weight-bold;
+      margin-bottom: 0;
+    }
+    &-info {
+      border-left: 5px solid $nord-color-7;
+    }
+    &-warning {
+      border-left: 5px solid $nord-color-13;
+    }
+    &-danger {
+      border-left: 5px solid $nord-color-11;
+    }
+    &-success {
+      border-left: 5px solid $nord-color-14;
+    }
+  }
+
+  .video {
+    @extend .embed-responsive, .embed-responsive-16by9;
+    margin-bottom: $line-height-base * 1em;
+  }
+}
+