jekyll-text-theme-fork 2.2.6

data/_sass/components/_lightbox.scss

@@ -0,0 +1,7 @@
+.popup-image {
+  cursor: pointer;
+  @include hover() {
+    @include box-shadow(2);
+  }
+  @include transition(map-get($clickable, transition));
+}

data/_sass/components/_main.scss

@@ -0,0 +1,28 @@
+.main {
+  width: 100%;
+  max-width: map-get($layout, content-max-width);
+  padding: 0 map-get($spacers, 5);
+  margin: 0 auto;
+  @include media-breakpoint-down(lg) {
+    padding: 0 map-get($spacers, 4);
+  }
+  @include media-breakpoint-down(md) {
+    padding: 0 map-get($spacers, 3);
+  }
+}
+
+.has-aside {
+  .main {
+    max-width: map-get($layout, content-max-width) + map-get($layout, aside-width);
+    @include media-breakpoint-down(lg) {
+      max-width: map-get($layout, content-max-width);
+    }
+  }
+}
+
+.full-width {
+  .main {
+    width: 100%;
+    max-width: 100%;
+  }
+}

data/_sass/components/_search.scss

@@ -0,0 +1,186 @@
+.search {
+  @include overflow(auto);
+
+}
+.search--google-custom-search-engine {
+  .main {
+    padding-top: map-get($spacers, 4);
+    padding-bottom: map-get($spacers, 4);
+    @include media-breakpoint-down(md) {
+      position: absolute;
+      padding: 0;
+    }
+  }
+}
+
+.search__header {
+  margin-top: map-get($spacers, 4);
+  font-size: map-get($base, font-size-h1);
+  font-weight: map-get($base, font-weight-bold);
+  color: $text-color-d;
+  .search--light & {
+    color: $text-color-theme-light-d;
+  }
+  .search--dark & {
+    color: $text-color-theme-dark-d;
+  }
+  @include media-breakpoint-down(md) {
+    display: none;
+  }
+}
+
+.search-bar {
+  @include flexbox();
+  margin: map-get($spacers, 3) 0 map-get($spacers, 4) 0;
+}
+
+.search-box {
+  position: relative;
+  width: 100%;
+  max-width: 22rem;
+  @include media-breakpoint-down(md) {
+    width: 100%;
+    max-width: none;
+  }
+  & > input {
+    display: inline-block;
+    width: 100%;
+    height: $button-height-lg;
+    padding: 0 2rem;
+    margin: 0;
+    line-height: 1 !important;
+    color: $text-color;
+    background-color: transparent;
+    border: 2px solid $border-color;
+    border-radius: map-get($button, pill-radius);
+    -webkit-appearance: none; /* fix iOS don't display box-shadow properly */
+    @include transition(box-shadow map-get($animation, duration) map-get($animation, timing-function));
+    @include focus {
+      box-shadow: 0 0 0 2px rgba($border-color, .4);
+    }
+    .search--light & {
+      color: $text-color-theme-light;
+      border-color: $text-color-theme-light;
+      @include focus {
+        box-shadow: 0 0 0 2px rgba($text-color-theme-light, .4);
+      }
+    }
+    .search--dark & {
+      color: $text-color-theme-dark;
+      border-color: $text-color-theme-dark;
+      @include focus {
+        box-shadow: 0 0 0 2px rgba($text-color-theme-dark, .4);
+      }
+    }
+  }
+  & > .search-box__icon-search {
+    color: $text-color-l;
+    .search--light & {
+      color: $text-color-theme-light-l;
+    }
+    .search--dark & {
+      color: $text-color-theme-dark-l;
+    }
+  }
+  & > .search-box__icon-clear {
+    & > a {
+      @include link-colors($text-color);
+      .search--light & {
+        @include link-colors($text-color-theme-light);
+      }
+      .search--dark & {
+        @include link-colors($text-color-theme-dark);
+      }
+      cursor: pointer;
+    }
+  }
+  & > .search-box__icon-search, & > .search-box__icon-clear {
+    position: absolute;
+    width: $button-height-lg;
+    height: $button-height-lg;
+    line-height: $button-height-lg;
+    text-align: center;
+    vertical-align: middle;
+  }
+  &.not-empty > .search-box__icon-clear {
+    display: block;
+  }
+  & > .search-box__icon-clear {
+    top: 0;
+    right: 0;
+    display: none;
+  }
+  & > .search-box__icon-search {
+    top: 0;
+    left: 0;
+  }
+}
+
+.search__cancel {
+  margin-left: map-get($spacers, 2);
+  font-weight: map-get($base, font-weight-bold);
+  white-space: nowrap;
+}
+
+.search-result {
+  margin: map-get($spacers, 4) 0;
+  font-size: map-get($base, font-size-sm);
+  line-height: map-get($base, line-height-sm);
+}
+
+.search-result__header {
+  margin: map-get($spacers, 3) 0 map-get($spacers, 2) 0;
+  font-size: map-get($base, font-size-lg);
+  font-weight: map-get($base, font-weight-bold);
+  color: $text-color-l;
+  text-transform: uppercase;
+  .search--light & {
+    color: $text-color-theme-light-l;
+  }
+  .search--dark & {
+    color: $text-color-theme-dark-l;
+  }
+}
+
+.search-result__item {
+  list-style-type: none;
+  a {
+    padding: map-get($spacers, 1) map-get($spacers, 3);
+    @include transition(none);
+    @include clickable($text-color, transparent, $text-color-3, $main-color-3);
+    .search--light & {
+      @include clickable($text-color-theme-light, transparent, $text-color-theme-dark, $main-color-theme-light);
+    }
+    .search--dark & {
+      @include clickable($text-color-theme-dark, transparent, $text-color-theme-light, $main-color-theme-dark);
+    }
+  }
+  &.active {
+    a {
+      @include plain() {
+        color: $text-color-3;
+        background-color: $main-color-3;
+        .search--light & {
+          color: $text-color-theme-dark;
+          background-color: $main-color-theme-light;
+        }
+        .search--dark & {
+          color: $text-color-theme-light;
+          background-color: $main-color-theme-dark;
+        }
+      }
+      @include active() {
+        @include transition(map-get($clickable, transition));
+      }
+    }
+  }
+}
+
+// google search
+.gsc-control-cse {
+  *,
+  ::before,
+  ::after {
+    box-sizing: initial;
+  }
+}

data/_sass/components/_tags.scss

@@ -0,0 +1,24 @@
+.site-tags {
+  .tag-button {
+    @include clickable($text-color-3, $main-color-3, default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
+    & > .tag-button__count {
+      display: inline-block;
+      margin-left: map-get($spacers, 1);
+      font-size: map-get($base, font-size-xs);
+      line-height: 1;
+      vertical-align: top;
+    }
+  }
+  .tag-button-1 {
+    @include clickable($text-color-1, rgba($main-color-1, .4), default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
+  }
+  .tag-button-2 {
+    @include clickable($text-color-1, rgba($main-color-1, .55), default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
+  }
+  .tag-button-3 {
+    @include clickable($text-color-1, rgba($main-color-1, .7), default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
+  }
+  .tag-button-4 {
+    @include clickable($text-color-1, rgba($main-color-1, .9), default, default, $text-color-2,$main-color-2, $text-color-2,$main-color-2);
+  }
+}

data/_sass/custom.scss

@@ -0,0 +1,3 @@
+/* start custom scss snippet */
+
+/* end custom scss snippet */

data/_sass/layout/_404.scss

@@ -0,0 +1,14 @@
+.layout--404 {
+  .sign {
+    display: table;
+    margin: map-get($spacers, 4) auto;
+    margin-top: map-get($spacers, 5);
+    h1 {
+      font-size: map-get($base, font-size-xl) * 4;
+      line-height: 1;
+    }
+    p {
+      font-size: map-get($base, font-size-xl) * 1.2;
+    }
+  }
+}

data/_sass/layout/_archive.scss

@@ -0,0 +1,5 @@
+.layout--archive {
+  & > .layout--archive__result {
+    margin: map-get($spacers, 4) 0;
+  }
+}

data/_sass/layout/_article.scss

@@ -0,0 +1,29 @@
+.article__sharing {
+  margin: map-get($spacers, 4) 0;
+}
+.article__section-navigator {
+  padding-top: map-get($spacers, 3);
+  margin: map-get($spacers, 4) 0 map-get($spacers, 3) 0;
+  word-wrap: break-word;
+  @include split-line(top, 4px);
+  & > .previous, & > .next {
+    width: 50%;
+    & > span {
+      font-weight: map-get($base, font-weight-bold);
+      color: $text-color-l;
+    }
+    & > a {
+      display: block;
+      @include link-colors($text-color, $main-color-1);
+    }
+  }
+  & > .previous {
+    float: left;
+    padding-right: map-get($spacers, 2);
+  }
+  & > .next {
+    float: right;
+    padding-left: map-get($spacers, 2);
+    text-align: right;
+  }
+}

data/_sass/layout/_articles.scss

@@ -0,0 +1,17 @@
+.layout--articles {
+  margin: map-get($spacers, 4) 0;
+  margin-top: map-get($spacers, 5);
+  @include media-breakpoint-down(md) {
+    margin-top: map-get($spacers, 4);
+  }
+  .card__header {
+    font-size: map-get($base, font-size);
+  }
+  .card__image {
+    & > .overlay {
+      &, .card__header {
+        font-size: map-get($base, font-size-sm);
+      }
+    }
+  }
+}

data/_sass/layout/_base.scss

@@ -0,0 +1,6 @@
+.icon {
+  display: block;
+  > svg {
+    display: block;
+  }
+}

data/_sass/layout/_home.scss

@@ -0,0 +1,15 @@
+.layout--home {
+  .pagination {
+    margin: map-get($spacers, 4) 0;
+  }
+  .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

@@ -0,0 +1,23 @@
+.layout--landing {
+  .heros {
+    max-width: map-get($layout, content-max-width) * 2;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .hero {
+    img {
+      display: block;
+      width: 100%;
+      margin: 0 auto;
+    }
+  }
+  .hero__content {
+    margin-bottom: 0;
+  }
+  .hero__cover {
+    max-width: map-get($layout, content-max-width);
+  }
+  .hero__cover--full-width {
+    max-width: none;
+  }
+}

data/_sass/layout/_page.scss

@@ -0,0 +1,165 @@
+body,
+html,
+.root,
+.layout--page {
+  height: 100%;
+}
+
+.layout--page {
+  &.layout--page--sidebar {
+    .page__viewport,
+    .page__grid {
+      height: 100%;
+    }
+    @include media-breakpoint-down(lg) {
+      .page__main {
+        @include overflow(unset);
+      }
+    }
+  }
+}
+
+.page__main {
+  height: 100%;
+  color: $text-color;
+  .col-aside {
+    display: none;
+    & > aside {
+      position: absolute;
+      width: map-get($layout, aside-width);
+      @include overflow(hidden);
+    }
+  }
+}
+
+.page__main-inner {
+  position: relative;
+  @include flexbox();
+  @include flex-direction(column);
+  min-height: 100%;
+  background-color: $background-color;
+}
+
+.page__content {
+  @include flex(1);
+  width: 100%;
+  margin: 0 auto;
+  @media print {
+    padding-bottom: 0;
+  }
+}
+.hide-footer {
+  .page__content {
+    padding-bottom: 0;
+  }
+}
+
+.page__comments {
+  margin: map-get($spacers, 4) 0;
+}
+
+.page__aside {
+  .toc-aside {
+    padding: map-get($spacers, 5) 0 map-get($spacers, 3) map-get($spacers, 5);
+  }
+}
+
+.page__actions {
+  position: fixed;
+  bottom: map-get($spacers, 5);
+  left: map-get($spacers, 3);
+  z-index: map-get($z-indexes, actions);
+  display: none;
+}
+
+.page__sidebar {
+  z-index: map-get($z-indexes, sidebar);
+  display: block;
+  width: 80%;
+  max-width: map-get($layout, sidebar-width);
+  height: 100%;
+  background-color: $background-color;
+  @include split-line(right);
+  @include transition(transform map-get($animation, duration));
+  @include overflow(auto);
+  .sidebar-toc {
+    padding: map-get($spacers, 3) map-get($spacers, 3) map-get($spacers, 4) map-get($spacers, 4);
+  }
+}
+.sidebar-button {
+  @include clickable($text-color-d, rgba($main-color-3, .75));
+}
+
+.page__mask {
+  @include modal(map-get($z-indexes, mask));
+  cursor: pointer;
+}
+.layout--page--sidebar {
+  .page__main {
+    @include overflow(auto);
+    @media print {
+      @include overflow(unset);
+    }
+  }
+}
+
+.has-aside {
+  .col-aside {
+    position: relative;
+    display: block;
+    width: map-get($layout, aside-width);
+    & > aside {
+      &.fixed {
+        position: fixed;
+        -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__actions {
+      visibility: hidden;
+    }
+    .page__sidebar {
+      @include transform(translate(0));
+    }
+    .page__mask {
+      @include modal--show();
+    }
+  }
+}
+
+.hero--light {
+  .article__info {
+    color: $text-color-theme-light;
+  }
+}
+.hero--dark {
+  .article__info {
+    color: $text-color-theme-dark;
+  }
+}
+
+.page__main--immersive {
+  .page__header {
+    position: absolute;
+    width: 100%;
+  }
+  .hero__content {
+    padding-top: map-get($layout, header-height);
+  }
+}

data/_sass/skins/_chocolate.scss

@@ -0,0 +1,74 @@
+///
+// Skin: Chocolate
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #563a20;
+$text-color-1:     rgba(#fff, .85);
+
+$main-color-2:     #8a2827;
+$text-color-2:     rgba(#fff, .85);
+
+$main-color-3:     #b49b92;
+$text-color-3:     rgba(#fff, .85);
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark:  rgba(#fff, .9);
+
+// page background
+$background-color: #d2c2bc;
+
+// text colors
+$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);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color:     $main-color-3;
+$border-color-l:   mix(#000, $background-color, 10%);
+$decorate-color:   rgba(#000, .1);
+$mask-color:       rgba(#000, .9);
+$select-color:     rgba($main-color-3, .5);
+
+// function colors
+$green:           #5baa34;
+$blue:            #1c7cd4;
+$yellow:          #c9771f;
+$red:             #da3d45;
+$text-color-function: rgba(#fff, .85);
+
+// logo colors
+$mail-color:       #0072c5;
+$facebook-color:   #4267b2;
+$twitter-color:    #1da1f2;
+$weibo-color:      #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color:   #32afed;
+$medium-color:     #000;
+$zhihu-color:      #0084ff;
+$douban-color:     #42bd56;
+$linkedin-color:   #1074af;
+$github-color:     #000;
+$npm-color:        #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night-eighties";

data/_sass/skins/_dark.scss

@@ -0,0 +1,74 @@
+///
+// Skin: Dark
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #ff9500;
+$text-color-1:     rgba(#fff, .8);
+
+$main-color-2:     #ff006a;
+$text-color-2:     rgba(#fff, .8);
+
+$main-color-3:     #202020;
+$text-color-3:     rgba(#fff, .8);
+
+$main-color-theme-light: rgba(#000, .8);
+$main-color-theme-dark:  rgba(#fff, .8);
+
+// page background
+$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);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// 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(#000, .9);
+$select-color:     rgba($main-color-1, .5);
+
+// function colors
+$green:           #5baa34;
+$blue:            #1c7cd4;
+$yellow:          #c9771f;
+$red:             #da3d45;
+$text-color-function: rgba(#fff, .8);
+
+// logo colors
+$mail-color:       #0072c5;
+$facebook-color:   #4267b2;
+$twitter-color:    #1da1f2;
+$weibo-color:      #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color:   #32afed;
+$medium-color:     #000;
+$zhihu-color:      #0084ff;
+$douban-color:     #42bd56;
+$linkedin-color:   #1074af;
+$github-color:     #000;
+$npm-color:        #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night";