jekyll-text-theme 1.5.0 → 2.0.0

data/_sass/layout/_page.scss

@@ -0,0 +1,155 @@
+.layout--page {
+  height: 100%;
+
+  .page__main {
+    height: 100%;
+  }
+  &.layout--page--sidebar {
+    .page__main {
+      @include overflow(auto);
+    }
+  }
+
+  .page__main-inner {
+    position: relative;
+    height: auto !important;
+    height: 100%;
+    min-height: 100%;
+
+    .col-2 {
+      display: none;
+      float: right;
+      & > aside {
+        width: map-get($layout, aside-width);
+        position: absolute;
+        overflow: hidden;
+      }
+      @include media-breakpoint-down(lg) {
+        float: none;
+      }
+    }
+  }
+
+  .page__content {
+    margin: 0 auto;
+    padding-bottom: map-get($layout, footer-height);
+  }
+
+  .article__header {
+    margin-top: map-get($spacers, 4);
+    header, h1 {
+      display: inline;
+    }
+    .edit-on-github-button {
+      vertical-align: text-bottom;
+      margin-left: map-get($spacers, 3);
+      @include media-breakpoint-down(md) {
+        display: none;
+      }
+    }
+  }
+
+  .page__comments {
+    padding-bottom: map-get($base, vertical-space-lg);
+  }
+
+  .page__actions {
+    position: absolute;
+    left: 1rem;
+    bottom: 1rem;
+    display: none;
+    z-index: 996;
+  }
+
+  .sidebar-button {
+    @include button-colors($text-color-d, rgba($main-color-3, .75));
+    border: 1px $border-color solid;
+  }
+
+  .page__sidebar {
+    display: block;
+    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);
+    .sidebar-toc {
+      padding: 1rem 1rem 2rem 2rem;
+    }
+  }
+
+  .page__mask {
+    background-color: $mask-color;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 997;
+    display: none;
+    cursor: pointer;
+  }
+
+  .page__aside {
+    .toc-aside {
+      padding: 1rem 0 1rem 3rem;
+    }
+
+  }
+
+  .page__footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+
+  .has-aside {
+    .page__main-inner{
+      .col-1 {
+        margin-right: map-get($layout, aside-width);
+        @include media-breakpoint-down(lg) {
+          margin-right: 0;
+        }
+      }
+      .col-2 {
+        width: map-get($layout, aside-width);
+        position: relative;
+        display: block;
+        &>aside {
+          &.fixed {
+            position: fixed;
+            z-index: 2;
+            -webkit-font-smoothing: subpixel-antialiased;
+          }
+        }
+        @include media-breakpoint-down(lg) {
+          display: none;
+        }
+      }
+    }
+  }
+
+  @include media-breakpoint-down(lg) {
+    .page__sidebar {
+      position: fixed;
+      @include transform(translate(- map-get($layout, sidebar-width), 0));
+    }
+
+    .page__actions {
+      display: block;
+    }
+
+    &.show-sidebar {
+      .page__sidebar {
+        @include transform(translate(0));
+      }
+      .page__mask {
+        display: block;
+      }
+    }
+  }
+}

data/_sass/{colors → skins}/_chocolate.scss

@@ -1,5 +1,5 @@
 ///
-// Color Theme: Chocolate
+// Skin: Chocolate
 // Author: Tian Qi
 // Email: kitian616@outlook.com
 ///
@@ -15,24 +15,35 @@ $main-color-3:     #7f5543;
 $text-color-3:     #fff;
 
 // background colors
-$background-color: #f2ebe6;
+$background-color: #efefef;
 // text colors
-$text-color-d:     #251914;
-$text-color:       #3f2a21;
-$text-color-l:     #724c3c;
+$text-color-theme-light-d: rgba(#000, .95);
+$text-color-theme-light:   rgba(#000, .85);
+$text-color-theme-light-l: rgba(#000, .5);
+
+$text-color-theme-dark-d:  #fff;
+$text-color-theme-dark:    rgba(#fff, .95);
+$text-color-theme-dark-l:  rgba(#fff, .85);
+
+$text-color-d:     $text-color-theme-light-d;
+$text-color:       $text-color-theme-light;
+$text-color-l:     $text-color-theme-light-l;
+
 $text-background-color: rgba(#000, .05);
 
 // border and shadow colors
 $border-color:     mix(#000, $background-color, 20%);
 $border-color-l:   mix(#000, $background-color, 10%);
-$select-color:     rgba($main-color-3, .5);
 $decorate-color:   rgba(#000, .1);
+$mask-color:       rgba(#000, .8);
+$select-color:     rgba($main-color-3, .5);
 
 // function colors
 $green:           #57c22d;
 $blue:            #2593fc;
 $yellow:          #f8ac30;
 $red:             #f22635;
+$text-color-function: #fff;
 
 // logo colors
 $mail-color:       #0072c5;

data/_sass/skins/_dark.scss

@@ -0,0 +1,56 @@
+///
+// Skin: Dark
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #FF9500;
+$text-color-1:     rgba(#fff, .8);
+
+$main-color-2:     #FF3B30;
+$text-color-2:     rgba(#fff, .8);
+
+$main-color-3:     #202020;
+$text-color-3:     rgba(#fff, .8);
+
+// background colors
+$background-color: #121212;
+// text colors
+$text-color-theme-light-d: #000;
+$text-color-theme-light:   #222;
+$text-color-theme-light-l: #888;
+
+$text-color-theme-dark-d:  rgba(#fff, .8);
+$text-color-theme-dark:    rgba(#fff, .7);
+$text-color-theme-dark-l:  rgba(#fff, .5);
+
+$text-color-d:     $text-color-theme-dark-d;
+$text-color:       $text-color-theme-dark;
+$text-color-l:     $text-color-theme-dark-l;
+
+$text-background-color: rgba(#fff, .05);
+
+// border and shadow colors
+$border-color:     mix(#fff, $background-color, 20%);
+$border-color-l:   mix(#fff, $background-color, 10%);
+$decorate-color:   rgba(#fff, .1);
+$mask-color:       rgba(#fff, .8);
+$select-color:     rgba($main-color-1, .5);
+
+// function colors
+$green:           #5c7829;
+$blue:            #087099;
+$yellow:          #b7b327;
+$red:             #cc3333;
+$text-color-function: rgba(#fff, .9);
+
+// logo colors
+$mail-color:       #0072c5;
+$weibo-color:      #e6162d;
+$facebook-color:   #4267b2;
+$google-plus-color:#ea4335;
+$twitter-color:    #1da1f2;
+$douban-color:     #42bd56;
+$github-color:     #000;
+$linkedin-color:   #1074af;

data/_sass/{colors → skins}/_default.scss

@@ -1,5 +1,5 @@
 ///
-// Color Theme: Default
+// Skin: Default
 // Author: Tian Qi
 // Email: kitian616@outlook.com
 ///
@@ -17,22 +17,33 @@ $text-color-3:     #333;
 // background colors
 $background-color: #fff;
 // text colors
-$text-color-d:     #111;
-$text-color:       #333;
-$text-color-l:     #9c9c9c;
+$text-color-theme-light-d: #000;
+$text-color-theme-light:   #222;
+$text-color-theme-light-l: #888;
+
+$text-color-theme-dark-d:  #fff;
+$text-color-theme-dark:    rgba(#fff, .95);
+$text-color-theme-dark-l:  rgba(#fff, .85);
+
+$text-color-d:     $text-color-theme-light-d;
+$text-color:       $text-color-theme-light;
+$text-color-l:     $text-color-theme-light-l;
+
 $text-background-color: rgba(#000, .05);
 
 // border and shadow colors
 $border-color:     mix(#000, $background-color, 20%);
 $border-color-l:   mix(#000, $background-color, 10%);
-$select-color:     rgba($main-color-1, .5);
 $decorate-color:   rgba(#000, .1);
+$mask-color:       rgba(#000, .8);
+$select-color:     rgba($main-color-1, .5);
 
 // function colors
 $green:           #57c22d;
 $blue:            #2593fc;
 $yellow:          #f8ac30;
 $red:             #f22635;
+$text-color-function: #fff;
 
 // logo colors
 $mail-color:       #0072c5;

data/_sass/{colors → skins}/_forest.scss

@@ -1,5 +1,5 @@
 ///
-// Color Theme: Forest
+// Skin: Forest
 // Author: Tian Qi
 // Email: kitian616@outlook.com
 ///
@@ -17,22 +17,33 @@ $text-color-3:     #fff;
 // background colors
 $background-color: #f8fcfb;
 // text colors
-$text-color-d:     #325f74;
-$text-color:       #3e758f;
-$text-color-l:     #619dbb;
+$text-color-theme-light-d: #325f74;
+$text-color-theme-light:   #3e758f;
+$text-color-theme-light-l: #619dbb;
+
+$text-color-theme-dark-d:  #fff;
+$text-color-theme-dark:    rgba(#fff, .95);
+$text-color-theme-dark-l:  rgba(#fff, .85);
+
+$text-color-d:     $text-color-theme-light-d;
+$text-color:       $text-color-theme-light;
+$text-color-l:     $text-color-theme-light-l;
+
 $text-background-color: rgba(#000, .05);
 
 // border and shadow colors
 $border-color:     mix(#000, $background-color, 20%);
 $border-color-l:   mix(#000, $background-color, 10%);
-$select-color:     rgba($main-color-1, .5);
 $decorate-color:   rgba(#bb6170, .15);
+$mask-color:       rgba(#000, .8);
+$select-color:     rgba($main-color-1, .5);
 
 // function colors
 $green:           #57c22d;
 $blue:            #2593fc;
 $yellow:          #f8ac30;
 $red:             #f22635;
+$text-color-function: #fff;
 
 // logo colors
 $mail-color:       #0072c5;

data/_sass/{colors → skins}/_ocean.scss

@@ -1,5 +1,5 @@
 ///
-// Color Theme: Ocean
+// Skin: Ocean
 // Author: Tian Qi
 // Email: kitian616@outlook.com
 ///
@@ -17,22 +17,33 @@ $text-color-3:     #00537f;
 // background colors
 $background-color: #f5fcff;
 // text colors
-$text-color-d:     #32434c;
-$text-color:       #00537f;
-$text-color-l:     #0079ba;
+$text-color-theme-light-d: #32434c;
+$text-color-theme-light:   #00537f;
+$text-color-theme-light-l: #0079ba;
+
+$text-color-theme-dark-d:  #fff;
+$text-color-theme-dark:    rgba(#fff, .95);
+$text-color-theme-dark-l:  rgba(#fff, .85);
+
+$text-color-d:     $text-color-theme-light-d;
+$text-color:       $text-color-theme-light;
+$text-color-l:     $text-color-theme-light-l;
+
 $text-background-color: rgba(#000, .05);
 
 // border and shadow colors
 $border-color:     mix(#000, $background-color, 20%);
 $border-color-l:   mix(#000, $background-color, 10%);
-$select-color:     rgba($main-color-1, .5);
 $decorate-color:   rgba(#000, .1);
+$mask-color:       rgba(#000, .8);
+$select-color:     rgba($main-color-1, .5);
 
 // function colors
 $green:           #57c22d;
 $blue:            #2593fc;
 $yellow:          #f8ac30;
 $red:             #f22635;
+$text-color-function: #fff;
 
 // logo colors
 $mail-color:       #0072c5;

data/_sass/{colors → skins}/_orange.scss

@@ -1,38 +1,49 @@
 ///
-// Color Theme: Orange
+// Skin: Orange
 // Author: Tian Qi
 // Email: kitian616@outlook.com
 ///
 
 // main colors
-$main-color-1:     #fca24d;
+$main-color-1:     #fa510f;
 $text-color-1:     #fff;
 
 $main-color-2:     #fc4d50;
 $text-color-2:     #fff;
 
-$main-color-3:     #fa510f;
-$text-color-3:     #fff;
+$main-color-3:     #f2f2f2;
+$text-color-3:     #333;
 
 // background colors
-$background-color: #fff1eb;
+$background-color: #fff;
 // text colors
-$text-color-d:     rgba(#000, .95);
-$text-color:       rgba(#000, .85);
-$text-color-l:     rgba(#000, .5);
+$text-color-theme-light-d: rgba(#000, .95);
+$text-color-theme-light:   rgba(#000, .85);
+$text-color-theme-light-l: rgba(#000, .5);
+
+$text-color-theme-dark-d:  #fff;
+$text-color-theme-dark:    rgba(#fff, .95);
+$text-color-theme-dark-l:  rgba(#fff, .85);
+
+$text-color-d:     $text-color-theme-light-d;
+$text-color:       $text-color-theme-light;
+$text-color-l:     $text-color-theme-light-l;
+
 $text-background-color: rgba(#000, .05);
 
 // border and shadow colors
 $border-color:     mix(#000, $background-color, 20%);
 $border-color-l:   mix(#000, $background-color, 10%);
-$select-color:     rgba($main-color-3, .5);
 $decorate-color:   rgba(#000, .1);
+$mask-color:       rgba(#000, .8);
+$select-color:     rgba($main-color-3, .5);
 
 // function colors
 $green:           #57c22d;
 $blue:            #2593fc;
 $yellow:          #f8ac30;
 $red:             #f22635;
+$text-color-function: #fff;
 
 // logo colors
 $mail-color:       #0072c5;