jekyll-theme-centos 0.0.0 → 0.1.0

data/_sass/centos/_highlighter.scss

@@ -0,0 +1,360 @@
+.highlight {
+    color: $nord-color-4;
+    background-color: $nord-color-0;
+
+    /* Text.Whitespace */
+    .w {
+        background-color: $nord-color-11;
+    }
+
+    /* Error */
+    .err {
+        color: $nord-color-11;
+    }
+
+    /* Other */
+    .x {
+        color: $nord-color-4;
+    }
+
+    /* Keyword */
+    .k {
+        color: $nord-color-9;
+    }
+
+    /* Keyword.Constant */
+    .kc {
+        color: $nord-color-11;
+    }
+
+    /* Keyword.Declaration */
+    .kd {
+        color: $nord-color-9;
+    }
+    /* Keyword.Namespace */
+    .kn {
+        color: $nord-color-9;
+    }
+
+    /* Keyword.Pseudo */
+    .kp {
+        color: $nord-color-9;
+    }
+
+    /* Keyword.Reserved */
+    .kr {
+        color: $nord-color-10;
+    }
+
+    /* Keyword.Type */
+    .kt {
+        color: $nord-color-9;
+    }
+
+    /* Name */
+    .n {
+        color: $nord-color-4;
+    }
+
+    /* Name.Attribute */
+    .na {
+        color: $nord-color-7;
+    }
+
+    /* Name.Builtin */
+    .nb {
+        color: $nord-color-9;
+    }
+
+    /* Name.Builtin.Pseudo */
+    .bp {
+        color: $nord-color-9;
+    }
+
+    /* Name.Class */
+    .nc {
+        color: $nord-color-7;
+    }
+
+    /* Name.Constant */
+    .no {
+        color: $nord-color-7;
+    }
+
+    /* Name.Decorator */
+    .nd {
+        color: $nord-color-7;
+    }
+
+    /* Name.Entity */
+    .ni {
+        color: $nord-color-12;
+    }
+
+    /* Name.Exception */
+    .ne {
+        color: $nord-color-12;
+    }
+
+    /* Name.Function */
+    .nf {
+        color: $nord-color-8;
+    }
+
+    /* Name.Property */
+    .py {
+        color: $nord-color-9;
+    }
+
+    /* Name.Label */
+    .nl {
+        color: $nord-color-8;
+    }
+
+    /* Name.Namespace */
+    .nn {
+        color: $nord-color-8;
+    }
+
+    /* Name.Other */
+    .nx {
+        color: $nord-color-8;
+    }
+
+    /* Name.Tag */
+    .nt {
+        color: $nord-color-9;
+    }
+
+    /* Name.Variable */
+    .nv {
+        color: $nord-color-4;
+    }
+
+    /* Name.Variable.Class */
+    .vc {
+        color: $nord-color-4;
+    }
+
+    /* Name.Variable.Global */
+    .vg {
+        color: $nord-color-4;
+    }
+
+    /* Name.Variable.Instance */
+    .vi {
+        color: $nord-color-4;
+    }
+
+    /* Literal */
+    .l {
+        color: $nord-color-9;
+    }
+
+    /* Literal.Date */
+    .ld {
+        color: $nord-color-9;
+    }
+
+    /* Literal.String */
+    .s {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Backtick */
+    .sb {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Char */
+    .sc {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Doc */
+    .sd {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Double */
+    .s2 {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Escape */
+    .se {
+        color: $nord-color-12;
+    }
+
+    /* Literal.String.Heredoc */
+    .sh {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Interpol */
+    .si {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Other */
+    .sx {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Regex */
+    .sr {
+        color: $nord-color-13;
+    }
+
+    /* Literal.String.Single */
+    .s1 {
+        color: $nord-color-14;
+    }
+
+    /* Literal.String.Symbol */
+    .ss {
+        color: $nord-color-14;
+    }
+
+    /* Literal.Number */
+    .m {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Float */
+    .mf {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Hex */
+    .mh {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Integer */
+    .mi {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Integer.Long */
+    .il {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Oct */
+    .mo {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Hex */
+    .mx {
+        color: $nord-color-15;
+    }
+
+    /* Literal.Number.Bin */
+    .mb {
+        color: $nord-color-15;
+    }
+
+    /* Operator */
+    .o {
+        color: $nord-color-4;
+    }
+
+    /* Operator.Word */
+    .ow {
+        color: $nord-color-9;
+    }
+
+    /* Punctuation */
+    .p {
+        color: $nord-color-4;
+    }
+
+    /* Comment */
+    .c {
+        color: $nord-color-3;
+    }
+
+    /* Comment.Multiline */
+    .cm {
+        color: $nord-color-3;
+    }
+
+    /* Comment.Preproc */
+    .cp {
+        color: $nord-color-10;
+    }
+
+    /* Comment.Single */
+    .c1 {
+        color: $nord-color-3;
+    }
+
+    /* Comment.Special */
+    .cs {
+        color: $nord-color-3;
+    }
+
+    /* Generic */
+    .g {
+        color: $nord-color-4;
+    }
+
+    /* Generic.Deleted */
+    .gd {
+        color: $nord-color-13;
+    }
+
+    /* Generic.Emph */
+    .ge {
+        color: $nord-color-4;
+        font-style: italic;
+    }
+
+    /* Generic.Error */
+    .gr {
+        color: $nord-color-11;
+    }
+
+    /* Generic.Heading */
+    .gh {
+        color: $nord-color-8;
+    }
+
+    /* Generic.Inserted */
+    .gi {
+        color: $nord-color-4;
+    }
+
+    /* Generic.Output */
+    .go {
+        color: $nord-color-4;
+    }
+
+    /* Generic.Prompt */
+    .gp {
+        color: $nord-color-4;
+    }
+
+    /* Generic.Strong */
+    .gs {
+        color: $nord-color-4;
+        font-weight: bold;
+    }
+
+    /* Generic.Subheading */
+    .gu {
+        color: $nord-color-9;
+    }
+
+    /* Generic.Traceback */
+    .gt {
+        color: $nord-color-13;
+    }
+
+    /* Generic.Lineno */
+    .gl {
+        color: $nord-color-2;
+    }
+}

data/_sass/centos/_mixins.scss

@@ -0,0 +1,4 @@
+@import "mixins/_content-heading";
+@import "mixins/_content-card";
+@import "mixins/_content-toc";
+@import "mixins/_footer-link";

data/_sass/centos/_nav.scss

@@ -0,0 +1,10 @@
+.nav-link {
+  font-weight: $font-weight-bold;
+}
+
+.tab-content {
+  table {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}

data/_sass/centos/_rssfeeds.scss

@@ -0,0 +1,17 @@
+#rss-feeds {
+  ul {
+    padding-left: 0;
+    li {
+      list-style: none;
+      margin-top: 1em;
+      margin-left: 1em;
+      &:before {
+        @extend .fas;
+        color: $nord-color-4;
+        margin-right: 0.5em;
+        margin-left: -1em;
+        content: fa-content($fa-var-angle-right);
+      }
+    }
+  }
+}

data/_sass/centos/_variables.scss

@@ -0,0 +1,111 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+//
+
+// Color system
+$white:                             #fff;
+$black:                             #000;
+$dark:                              $black;
+
+/* ----------------------------------------------------------------------
+ * CentOS Identity
+ * ---------------------------------------------------------------------- */
+$centos-color-0:                    #9ccd2a;
+$centos-color-1:                    #efa724;
+$centos-color-2:                    #a14f8c;
+$centos-color-3:                    #262577;
+
+$centos-background-image:           "/assets/img/centos-motif.png";
+
+$centos-header-home-padding-top:    202px;
+$centos-header-home-padding-bottom: 150px;
+$centos-header-page-padding-top:    152px;
+$centos-header-page-padding-bottom: 100px;
+$centos-heading-margin-top:         1em;
+$centos-scroll-margin-top:          $centos-heading-margin-top * 2.6;
+
+/* ----------------------------------------------------------------------
+ * Nord Identity
+ * ---------------------------------------------------------------------- */
+$nord-color-0:                      #2e3440;
+$nord-color-1:                      #3b4252;
+$nord-color-2:                      #434c5e;
+$nord-color-3:                      #4c566a;
+$nord-color-4:                      #d8dee9;
+$nord-color-5:                      #e5e9f0;
+$nord-color-6:                      #eceff4;
+$nord-color-7:                      #8fbcbb;
+$nord-color-8:                      #88c0d0;
+$nord-color-9:                      #81a1c1;
+$nord-color-10:                     #5e81ac;
+$nord-color-11:                     #bf616a;
+$nord-color-12:                     #d08770;
+$nord-color-13:                     #ebcb8b;
+$nord-color-14:                     #a3be8c;
+$nord-color-15:                     #b48ead;
+
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg:                           $white;
+$body-color:                        $nord-color-0;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:           1.8rem;
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$font-family-sans-serif:            Montserrat;
+$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:         .95rem;
+$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-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

@@ -0,0 +1,23 @@
+/*!
+ * CentOS Theme
+ * Copyright 2020 Alain Reguera Delgado <areguera@centosproject.org>
+ * Licensed under MIT
+ */
+
+@import "fontawesome/fontawesome";
+@import "fontawesome/solid";
+@import "fontawesome/brands";
+
+@import "_variables";
+@import "_fonts";
+
+@import "bootstrap/bootstrap";
+
+@import "_mixins";
+@import "_datatable";
+@import "_rssfeeds";
+@import "_nav";
+@import "_header";
+@import "_highlighter";
+@import "_content";
+@import "_footer";

data/_sass/centos/content/_1col.scss

@@ -0,0 +1,32 @@
+.centos-content-1col {
+  @extend .centos-content;
+  @extend .container;
+
+  &-toc {
+    @extend .col-md-12, .col-lg-12;
+    @include centos-content-toc;
+
+    header {
+      margin-top: $line-height-base * 1em;
+    }
+
+    ul {
+      padding-left: 1em;
+      ul {
+        padding-left: 1em;
+      }
+    }
+  }
+
+  &-breadcrumb {
+    @extend .col-md-12, .col-lg-12;
+    ol {
+      margin-top: 0;
+      padding-top: 0;
+    }
+  }
+
+  &-article {
+    @extend .col-md-12, .col-lg-12;
+  }
+}

data/_sass/centos/content/_2col.scss

@@ -0,0 +1,44 @@
+.centos-content-2col {
+  @extend .centos-content;
+  @extend .container;
+
+  &-aside {
+    @extend .col-md-4, .col-lg-4;
+    font-size: small;
+    @include media-breakpoint-up(md) {
+      align-self: start;
+      position: sticky;
+      top: 90px;
+    }
+
+    &-breadcrumb {
+      ol {
+        margin-top: 0;
+        padding-top: 0;
+      }
+    }
+
+    &-toc {
+      @include centos-content-toc;
+      @include media-breakpoint-up(md) {
+        display: flex;
+        flex-direction: column;
+        max-height: 75vh;
+        overflow-y: auto;
+      }
+
+      ul {
+        padding-left: 0;
+        ul {
+          padding-left: $line-height-base * 0.85em;
+        }
+      }
+    }
+  }
+
+  &-article {
+    @extend .col-md-8, .col-lg-8;
+  }
+
+}
+

data/_sass/centos/content/_download.scss

@@ -0,0 +1,17 @@
+.centos-content-download {
+  @extend .container;
+
+  &-cards {
+    @extend .col-md-6;
+    .tab-content {
+      table {
+        font-size: small;
+      }
+    }
+  }
+
+  margin-bottom: 2em;
+  padding-bottom: 2em;
+  border-bottom: 1px solid $nord-color-4;
+
+}

data/_sass/centos/content/_sponsors.scss

@@ -0,0 +1,9 @@
+.centos-content-sponsors {
+  @extend .col-md-4, .col-lg-4;
+  @include centos-content-sponsors-card;
+}
+
+.centos-content-sponsors-cards {
+  @include centos-content-sponsors-card;
+  margin-bottom: 1em;
+}