jekyll-text-theme 2.0.2 → 2.1.0

data/_sass/layout/_base.scss

@@ -4,7 +4,7 @@
 
 .icon {
   display: block;
-  >svg {
+  > svg {
     display: block;
   }
 }

data/_sass/layout/_home.scss

@@ -1,73 +1,15 @@
 .layout--home {
-  .post-list {
-    & > article {
-      & > h1, h2  {
-        font-size: map-get($base, font-size-h3);
-        & > a {
-          @include link-colors($text-color-d, $main-color-1);
-        }
-      }
-      & > a {
-        font-size: map-get($base, font-size-sm);
-      }
-      padding-bottom: map-get($spacers, 4);
-      margin-bottom: map-get($spacers, 4);
-      &:not(:last-child) {
-        @include split-line(bottom);
-      }
-    }
-    .article__content {
-      font-size: map-get($base, font-size-sm);
-      line-height: map-get($base, line-height);
-      @include block-elements() {
-        margin-top: map-get($base, vertical-space);
-        margin-bottom: map-get($base, vertical-space);
-      }
-      @include heading-elements() {
-        margin-top: map-get($base, vertical-space) * 1.5;
-      }
-
-      h1,
-      h2,
-      h3 {
-        color: $text-color;
-      }
-      h1,
-      h2 {
-        padding: 0;
-        border: none;
-      }
-      h1 {
-        font-size: map-get($base, font-size-h1-xs);
-      }
-      h2 {
-        font-size: map-get($base, font-size-h2-xs);
-      }
-      h3 {
-        font-size: map-get($base, font-size-h3-xs);
-      }
-      h4 {
-        font-size: map-get($base, font-size-h4-xs);
-      }
-      h5 {
-        font-size: map-get($base, font-size-h5-xs);
-      }
-      h6 {
-        font-size: map-get($base, font-size-h6-xs);
-      }
-      img {
-        max-height: 12rem;
-      }
-    }
-    .post-list__readmore {
-      font-size: map-get($base, font-size-sm);
-    }
-  }
-
   .pagination {
     margin: map-get($base, vertical-space-lg) 0;
-    .pagination__omit {
-      color: $text-color-l;
-    }
+  }
+  .pagination__menu {
+    max-width: 100%;
+    @include overflow(auto);
+  }
+  .pagination__omit {
+    color: $text-color-l;
+  }
+  .items {
+    margin-top: map-get($spacers, 4) * 1.5;
   }
 }

data/_sass/layout/_landing.scss

@@ -8,6 +8,7 @@
   .section {
     text-align: center;
     background-color: $text-background-color;
+    background-size: cover;
     @include flexbox();
     @include align-items(center);
     h1 {
@@ -68,16 +69,14 @@
   .overlay {
     min-height: 40rem;
     padding: map-get($spacers, 5) 0;
-    background-image: url(/docs/assets/images/cover1.jpeg);
-    background-size: cover;
     @include media-breakpoint-down(md) {
       min-height: 28rem;
     }
     .section__content {
       min-width: 400px;
       @include media-breakpoint-down(md) {
-        min-width: auto;
         width: 100%;
+        min-width: auto;
         padding: 0 map-get($spacers, 3);
       }
     }
@@ -87,18 +86,18 @@
   }
 
   .feature {
-    margin: map-get($spacers, 5);
     padding: map-get($spacers, 5);
     padding-bottom: 0;
+    margin: map-get($spacers, 5);
     @include media-breakpoint-down(lg) {
-      margin: map-get($spacers, 3);
       padding: map-get($spacers, 5) map-get($spacers, 3);
       padding-bottom: 0;
+      margin: map-get($spacers, 3);
     }
     @include media-breakpoint-down(md) {
-      margin: map-get($spacers, 2) 0;
       padding: map-get($spacers, 4) map-get($spacers, 3);
       padding-bottom: 0;
+      margin: map-get($spacers, 2) 0;
     }
   }
 }

data/_sass/layout/_page.scss

@@ -22,8 +22,8 @@
       display: none;
       float: right;
       & > aside {
-        width: map-get($layout, aside-width);
         position: absolute;
+        width: map-get($layout, aside-width);
         overflow: hidden;
       }
       @include media-breakpoint-down(lg) {
@@ -33,8 +33,8 @@
   }
 
   .page__content {
-    margin: 0 auto;
     padding-bottom: map-get($layout, footer-height);
+    margin: 0 auto;
   }
 
   .article__header {
@@ -56,10 +56,10 @@
 
   .page__actions {
     position: absolute;
-    left: 1rem;
     bottom: 1rem;
+    left: 1rem;
+    z-index: map-get($z-index, actions);
     display: none;
-    z-index: 996;
   }
 
   .sidebar-button {
@@ -67,13 +67,13 @@
   }
 
   .page__sidebar {
+    z-index: map-get($z-index, sidebar);
     display: block;
+    float: left;
     width: 80%;
     max-width: map-get($layout, sidebar-width);
-    float: left;
     height: 100%;
     background-color: $background-color;
-    z-index: 998;
     @include split-line(right);
     @include transition(transform .4s);
     @include overflow(auto);
@@ -83,15 +83,15 @@
   }
 
   .page__mask {
-    background-color: $mask-color;
     position: absolute;
     top: 0;
-    left: 0;
     right: 0;
     bottom: 0;
-    z-index: 997;
+    left: 0;
+    z-index: map-get($z-index, mask);
     display: none;
     cursor: pointer;
+    background-color: $mask-color;
   }
 
   .page__aside {
@@ -115,13 +115,12 @@
         }
       }
       .col-aside {
-        width: map-get($layout, aside-width);
         position: relative;
         display: block;
-        &>aside {
+        width: map-get($layout, aside-width);
+        & > aside {
           &.fixed {
             position: fixed;
-            z-index: 2;
             -webkit-font-smoothing: subpixel-antialiased;
           }
         }
@@ -151,4 +150,27 @@
       }
     }
   }
+  .page__content {
+    display: block;
+  }
+  .page__search-panel {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: map-get($z-index, search);
+    display: none;
+    color: $text-color;
+    background-color: $background-color;
+    @include overflow(auto);
+  }
+  &.show-search-panel {
+    .page__main {
+      @include overflow(hidden);
+    }
+    .page__search-panel {
+      display: block;
+    }
+  }
 }

data/_sass/skins/_chocolate.scss

@@ -62,6 +62,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow-night-eighties';
+@import "skins/highlight/tomorrow-night-eighties";

data/_sass/skins/_dark.scss

@@ -5,7 +5,7 @@
 ///
 
 // main colors
-$main-color-1:     #FF9500;
+$main-color-1:     #ff9500;
 $text-color-1:     rgba(#fff, .8);
 
 $main-color-2:     #ff006a;
@@ -62,6 +62,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow-night';
+@import "skins/highlight/tomorrow-night";

data/_sass/skins/_default.scss

@@ -62,6 +62,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow';
+@import "skins/highlight/tomorrow";

data/_sass/skins/_forest.scss

@@ -62,6 +62,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow';
+@import "skins/highlight/tomorrow";

data/_sass/skins/_ocean.scss

@@ -62,6 +62,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow-night-blue';
+@import "skins/highlight/tomorrow-night-blue";

data/_sass/skins/_orange.scss

@@ -63,6 +63,7 @@ $twitter-color:    #1da1f2;
 $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
+$npm-color:        #fff;
 
 // highlight colors
-@import './highlight/tomorrow-night-eighties';
+@import "skins/highlight/tomorrow-night-eighties";

data/_sass/skins/highlight/tomorrow/_highlight.scss

@@ -1,74 +1,74 @@
 figure.highlight::before {
-  background-color: $highlight-background !important;
   color: $highlight-comment !important;
+  background-color: $highlight-background !important;
 }
 pre.lineno {
   color: $highlight-comment !important;
 }
 .highlight > pre {
-  background-color: $highlight-background !important;
   color: $highlight-foreground;
-  .c   { color: $highlight-comment } /* Comment */
-  .err { color: $highlight-red } /* Error */
-  .k   { color: $highlight-purple } /* Keyword */
-  .l   { color: $highlight-orange } /* Literal */
-  .n   { color: $highlight-foreground } /* Name */
-  .o   { color: $highlight-aqua } /* Operator */
-  .p   { color: $highlight-foreground } /* Punctuation */
-  .cm  { color: $highlight-comment } /* Comment.Multiline */
-  .cp  { color: $highlight-comment } /* Comment.Preproc */
-  .c1  { color: $highlight-comment } /* Comment.Single */
-  .cs  { color: $highlight-comment } /* Comment.Special */
-  .gd  { color: $highlight-red } /* Generic.Deleted */
-  .ge  { font-style: italic } /* Generic.Emph */
-  .gh  { color: $highlight-foreground; font-weight: bold } /* Generic.Heading */
-  .gi  { color: $highlight-green } /* Generic.Inserted */
-  .gp  { color: $highlight-comment; font-weight: bold } /* Generic.Prompt */
-  .gs  { font-weight: bold } /* Generic.Strong */
-  .gu  { color: $highlight-aqua; font-weight: bold } /* Generic.Subheading */
-  .kc  { color: $highlight-purple } /* Keyword.Constant */
-  .kd  { color: $highlight-purple } /* Keyword.Declaration */
-  .kn  { color: $highlight-aqua } /* Keyword.Namespace */
-  .kp  { color: $highlight-purple } /* Keyword.Pseudo */
-  .kr  { color: $highlight-purple } /* Keyword.Reserved */
-  .kt  { color: $highlight-yellow } /* Keyword.Type */
-  .ld  { color: $highlight-green } /* Literal.Date */
-  .m   { color: $highlight-orange } /* Literal.Number */
-  .s   { color: $highlight-green } /* Literal.String */
-  .na  { color: $highlight-blue } /* Name.Attribute */
-  .nb  { color: $highlight-foreground } /* Name.Builtin */
-  .nc  { color: $highlight-yellow } /* Name.Class */
-  .no  { color: $highlight-red } /* Name.Constant */
-  .nd  { color: $highlight-aqua } /* Name.Decorator */
-  .ni  { color: $highlight-foreground } /* Name.Entity */
-  .ne  { color: $highlight-red } /* Name.Exception */
-  .nf  { color: $highlight-blue } /* Name.Function */
-  .nl  { color: $highlight-foreground } /* Name.Label */
-  .nn  { color: $highlight-yellow } /* Name.Namespace */
-  .nx  { color: $highlight-blue } /* Name.Other */
-  .py  { color: $highlight-foreground } /* Name.Property */
-  .nt  { color: $highlight-aqua } /* Name.Tag */
-  .nv  { color: $highlight-red } /* Name.Variable */
-  .ow  { color: $highlight-aqua } /* Operator.Word */
-  .w   { color: $highlight-foreground } /* Text.Whitespace */
-  .mf  { color: $highlight-orange } /* Literal.Number.Float */
-  .mh  { color: $highlight-orange } /* Literal.Number.Hex */
-  .mi  { color: $highlight-orange } /* Literal.Number.Integer */
-  .mo  { color: $highlight-orange } /* Literal.Number.Oct */
-  .sb  { color: $highlight-green } /* Literal.String.Backtick */
-  .sc  { color: $highlight-foreground } /* Literal.String.Char */
-  .sd  { color: $highlight-comment } /* Literal.String.Doc */
-  .s2  { color: $highlight-green } /* Literal.String.Double */
-  .se  { color: $highlight-orange } /* Literal.String.Escape */
-  .sh  { color: $highlight-green } /* Literal.String.Heredoc */
-  .si  { color: $highlight-orange } /* Literal.String.Interpol */
-  .sx  { color: $highlight-green } /* Literal.String.Other */
-  .sr  { color: $highlight-green } /* Literal.String.Regex */
-  .s1  { color: $highlight-green } /* Literal.String.Single */
-  .ss  { color: $highlight-green } /* Literal.String.Symbol */
-  .bp  { color: $highlight-foreground } /* Name.Builtin.Pseudo */
-  .vc  { color: $highlight-red } /* Name.Variable.Class */
-  .vg  { color: $highlight-red } /* Name.Variable.Global */
-  .vi  { color: $highlight-red } /* Name.Variable.Instance */
-  .il  { color: $highlight-orange } /* Literal.Number.Integer.Long */
+  background-color: $highlight-background !important;
+  .c   { color: $highlight-comment; } /* Comment */
+  .err { color: $highlight-red; } /* Error */
+  .k   { color: $highlight-purple; } /* Keyword */
+  .l   { color: $highlight-orange; } /* Literal */
+  .n   { color: $highlight-foreground; } /* Name */
+  .o   { color: $highlight-aqua; } /* Operator */
+  .p   { color: $highlight-foreground; } /* Punctuation */
+  .cm  { color: $highlight-comment; } /* Comment.Multiline */
+  .cp  { color: $highlight-comment; } /* Comment.Preproc */
+  .c1  { color: $highlight-comment; } /* Comment.Single */
+  .cs  { color: $highlight-comment; } /* Comment.Special */
+  .gd  { color: $highlight-red; } /* Generic.Deleted */
+  .ge  { font-style: italic; } /* Generic.Emph */
+  .gh  { font-weight: bold; color: $highlight-foreground; } /* Generic.Heading */
+  .gi  { color: $highlight-green; } /* Generic.Inserted */
+  .gp  { font-weight: bold; color: $highlight-comment; } /* Generic.Prompt */
+  .gs  { font-weight: bold; } /* Generic.Strong */
+  .gu  { font-weight: bold; color: $highlight-aqua; } /* Generic.Subheading */
+  .kc  { color: $highlight-purple; } /* Keyword.Constant */
+  .kd  { color: $highlight-purple; } /* Keyword.Declaration */
+  .kn  { color: $highlight-aqua; } /* Keyword.Namespace */
+  .kp  { color: $highlight-purple; } /* Keyword.Pseudo */
+  .kr  { color: $highlight-purple; } /* Keyword.Reserved */
+  .kt  { color: $highlight-yellow; } /* Keyword.Type */
+  .ld  { color: $highlight-green; } /* Literal.Date */
+  .m   { color: $highlight-orange; } /* Literal.Number */
+  .s   { color: $highlight-green; } /* Literal.String */
+  .na  { color: $highlight-blue; } /* Name.Attribute */
+  .nb  { color: $highlight-foreground; } /* Name.Builtin */
+  .nc  { color: $highlight-yellow; } /* Name.Class */
+  .no  { color: $highlight-red; } /* Name.Constant */
+  .nd  { color: $highlight-aqua; } /* Name.Decorator */
+  .ni  { color: $highlight-foreground; } /* Name.Entity */
+  .ne  { color: $highlight-red; } /* Name.Exception */
+  .nf  { color: $highlight-blue; } /* Name.Function */
+  .nl  { color: $highlight-foreground; } /* Name.Label */
+  .nn  { color: $highlight-yellow; } /* Name.Namespace */
+  .nx  { color: $highlight-blue; } /* Name.Other */
+  .py  { color: $highlight-foreground; } /* Name.Property */
+  .nt  { color: $highlight-aqua; } /* Name.Tag */
+  .nv  { color: $highlight-red; } /* Name.Variable */
+  .ow  { color: $highlight-aqua; } /* Operator.Word */
+  .w   { color: $highlight-foreground; } /* Text.Whitespace */
+  .mf  { color: $highlight-orange; } /* Literal.Number.Float */
+  .mh  { color: $highlight-orange; } /* Literal.Number.Hex */
+  .mi  { color: $highlight-orange; } /* Literal.Number.Integer */
+  .mo  { color: $highlight-orange; } /* Literal.Number.Oct */
+  .sb  { color: $highlight-green; } /* Literal.String.Backtick */
+  .sc  { color: $highlight-foreground; } /* Literal.String.Char */
+  .sd  { color: $highlight-comment; } /* Literal.String.Doc */
+  .s2  { color: $highlight-green; } /* Literal.String.Double */
+  .se  { color: $highlight-orange; } /* Literal.String.Escape */
+  .sh  { color: $highlight-green; } /* Literal.String.Heredoc */
+  .si  { color: $highlight-orange; } /* Literal.String.Interpol */
+  .sx  { color: $highlight-green; } /* Literal.String.Other */
+  .sr  { color: $highlight-green; } /* Literal.String.Regex */
+  .s1  { color: $highlight-green; } /* Literal.String.Single */
+  .ss  { color: $highlight-green; } /* Literal.String.Symbol */
+  .bp  { color: $highlight-foreground; } /* Name.Builtin.Pseudo */
+  .vc  { color: $highlight-red; } /* Name.Variable.Class */
+  .vg  { color: $highlight-red; } /* Name.Variable.Global */
+  .vi  { color: $highlight-red; } /* Name.Variable.Instance */
+  .il  { color: $highlight-orange; } /* Literal.Number.Integer.Long */
 }