jekyll-text-theme 1.4.0 → 1.4.1

data/_sass/blog/_page.all.scss

@@ -1,35 +1,35 @@
 .m-all {
-    & > div > section {
-        margin: $content-gap * 3 0;
-        & > section {
-            &:not(:last-child) {
-                padding: 0 0 $base-font-size * .4 0;
-            }
-        }
-        .year-title {
-            font-size: $base-font-size * 1.6;
-        }
-        .year-list {
-            & > li {
-                list-style-type: none;
-                margin: $base-font-size * .4 0;
-            }
-        }
-        .post-date {
-            font-family: $code-font-family;
-            display: inline-block;
-            font-size: $small-font-size;
-            color: $text-color-l;
-            padding: 0 $base-font-size 0 0;
-        }
+  &>div>section {
+    margin: $content-gap * 3 0;
+    &>section {
+      &:not(:last-child) {
+        padding: 0 0 $base-font-size * .4 0;
+      }
     }
-    .post-link {
-        font-size: $base-font-size;
-        @include link-normal {
-            color: $text-color-d;
-        }
-        @include link-emphasize {
-            color: $main-color-1;
-        }
+    .year-title {
+      font-size: $base-font-size * 1.6;
     }
+    .year-list {
+      &>li {
+        list-style-type: none;
+        margin: $base-font-size * .4 0;
+      }
+    }
+    .post-date {
+      font-family: $code-font-family;
+      display: inline-block;
+      font-size: $small-font-size;
+      color: $text-color-l;
+      padding: 0 $base-font-size 0 0;
+    }
+  }
+  .post-link {
+    font-size: $base-font-size;
+    @include link-normal {
+      color: $text-color-d;
+    }
+    @include link-emphasize {
+      color: $main-color-1;
+    }
+  }
 }

data/_sass/blog/_page.error-404.scss

@@ -1,7 +1,7 @@
 .m-error-404 {
-    @include flexbox;
-    @include align-items(center);
-    & > .main > h1 {
-        font-size: $base-font-size * 7;
-    }
+  @include flexbox;
+  @include align-items(center);
+  &>.main>h1 {
+    font-size: $base-font-size * 7;
+  }
 }

data/_sass/blog/_page.index.scss

@@ -1,45 +1,50 @@
 .m-post-list {
-    & > article {
-        & > h1 {
-            font-size: $article-list-head;
-            & > a {
-                @include link-text-colors(
-                    $text-color-d,
-                    $main-color-1
-                );
-            }
-        }
-        & > a {
-            font-size: $small-font-size;
-        }
-        margin: $content-gap * 3 0;
-    }
-    .m-article-content {
-        font-size: $small-font-size;
-        h1, h2, h3, h4, h5, h6 {
-            margin: $content-gap 0;
-        }
-        h1, h2, h3 {
-            color: $text-color;
-        }
-        h1, h2 {
-            padding: 0;
-            border: none;
-        }
-        h1 {
-            font-size: $h1-font-size-excerpt;
-        }
-        h2 {
-            font-size: $h2-font-size-excerpt;
-        }
-        h3 {
-            font-size: $h3-font-size-excerpt;
-        }
-        h4 {
-            font-size: $h4-font-size-excerpt;
-        }
-        img {
-            max-height: 200px;
-        }
+  &>article {
+    &>h1 {
+      font-size: $article-list-head;
+      &>a {
+        @include link-text-colors( $text-color-d, $main-color-1);
+      }
     }
+    &>a {
+      font-size: $small-font-size;
+    }
+    margin: $content-gap * 3 0;
+  }
+  .m-article-content {
+    font-size: $small-font-size;
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin: $content-gap 0;
+    }
+    h1,
+    h2,
+    h3 {
+      color: $text-color;
+    }
+    h1,
+    h2 {
+      padding: 0;
+      border: none;
+    }
+    h1 {
+      font-size: $h1-font-size-excerpt;
+    }
+    h2 {
+      font-size: $h2-font-size-excerpt;
+    }
+    h3 {
+      font-size: $h3-font-size-excerpt;
+    }
+    h4 {
+      font-size: $h4-font-size-excerpt;
+    }
+    img {
+      max-height: 200px;
+    }
+  }
 }

data/_sass/colors/_colors.chocolate.scss

@@ -0,0 +1,39 @@
+///
+// Color Theme: Chocolate
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #c68a45;
+$text-color-1:     #fff;
+
+$main-color-2:     #6e3e85;
+$text-color-2:     #fff;
+
+$main-color-3:     #7f5543;
+$text-color-3:     #fff;
+
+// background colors
+$background-color: #f2ebe6;
+// text colors
+$text-color-d:     #251914;
+$text-color:       #3f2a21;
+$text-color-l:     #724c3c;
+$text-background-color:#e3d1ca;
+
+// border and shadow colors
+$border-color:     #dcc6bd;
+$select-color:     rgba($main-color-3, .5);
+$decorate-color:   rgba(#000, .1);
+$shadow-down:      0 2px 10px rgba(#000, .15), 0 0 16px rgba(#000, .05);
+
+// 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/_colors.orange.scss

@@ -0,0 +1,39 @@
+///
+// Color Theme: Orange
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #fca24d;
+$text-color-1:     #fff;
+
+$main-color-2:     #fc4d50;
+$text-color-2:     #fff;
+
+$main-color-3:     #fa510f;
+$text-color-3:     #fff;
+
+// background colors
+$background-color: #fff1eb;
+// text colors
+$text-color-d:     rgba(#000, .95);
+$text-color:       rgba(#000, .85);
+$text-color-l:     rgba(#000, .5);
+$text-background-color:rgba(#000, .05);
+
+// border and shadow colors
+$border-color:     rgba(#000, .2);
+$select-color:     rgba($main-color-3, .5);
+$decorate-color:   rgba(#000, .1);
+$shadow-down:      0 2px 10px rgba(#000, .15), 0 0 16px rgba(#000, .05);
+
+// 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/components/_article.content.scss

@@ -1,140 +1,148 @@
 .m-article-content {
-    line-height: $article-line-height;
-    h1, h2, h3, h4, h5, h6 {
-        margin: $content-gap * 2 0 $content-gap * .5 0;
+  line-height: $article-line-height;
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: $content-gap * 2 0 $content-gap * .5 0;
+  }
+  h1,
+  h2 {
+    padding: 0 0 $base-font-size * .3 0;
+    border: 0 dashed $border-color;
+    border-bottom-width: 2px;
+    margin-bottom: $content-gap;
+  }
+  p {
+    margin: $content-gap 0;
+  }
+  blockquote {
+    padding: 0 0 0 $spacing-unit / 2;
+    border: 0 solid $border-color;
+    border-left-width: 4px;
+    margin: $content-gap 0;
+    font-size: $small-font-size;
+    color: $text-color-l;
+    p {
+      margin: $content-gap * .5 0;
     }
-    h1, h2 {
-        padding: 0 0 $base-font-size * .3 0;
-        border: 0 dashed $border-color;
-        border-bottom-width: 2px;
-        margin-bottom: $content-gap;
+    > :last-child {
+      margin-bottom: 0;
     }
-
-    p {
-        margin: $content-gap 0;
+  }
+  img:not(.emoji) {
+    max-width: 100%;
+    max-height: 600px;
+    vertical-align: middle;
+  }
+  .emoji {
+    display: inline-block;
+    vertical-align: text-bottom;
+    width: $base-font-size * $article-line-height * .7;
+    height: $base-font-size * $article-line-height * .7;
+  }
+  code {
+    padding: $code-font-size * .2 $code-font-size * .5;
+    border-radius: $code-font-size * .4;
+    background-color: $text-background-color;
+    span {
+      padding: 0;
+      margin: 0;
     }
-
-    blockquote {
-        padding: 0 0 0 $spacing-unit / 2;
-        border: 0 solid $border-color;
-        border-left-width: 4px;
-        margin: $content-gap 0;
-        font-size: $small-font-size;
-        color: $text-color-l;
-        p {
-            margin: $content-gap * .5 0;
-        }
-        > :last-child {
-            margin-bottom: 0;
-        }
+  }
+  pre {
+    display: block;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    margin: $content-gap 0;
+    border-radius: $code-font-size * .4;
+    ;
+    background-size: auto $code-font-size * $code-line-height * 2;
+    background-origin: content-box;
+    &>code {
+      font-size: $code-font-size;
+      padding: $code-font-size;
+      margin: 0;
+      display: block;
+      line-height: $code-line-height;
+      background-color: transparent;
     }
-
-    img:not(.emoji) {
-        max-width: 100%;
-        max-height: 600px;
-        vertical-align: middle;
+  }
+  figure {
+    margin: $content-gap 0;
+    &:before {
+      content: attr(data-lang);
+      background-color: $text-background-color;
+      display: block;
+      border-top-left-radius: $code-font-size / 2;
+      border-top-right-radius: $code-font-size / 2;
+      padding: $code-font-size / 2 $code-font-size $code-font-size / 2 0;
+      color: $decorate-color;
+      font-weight: $bold-font-weight;
+      font-size: $base-font-size;
+      text-align: right;
+      text-transform: uppercase;
     }
-    .emoji {
-        display: inline-block;
-        vertical-align: text-bottom;
-        width:  $base-font-size * $article-line-height * .7;
-        height:  $base-font-size * $article-line-height * .7;
+    &>pre {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+      margin: 0;
+      &>code {
+        padding-top: 0;
+      }
     }
-
-    code {
-        padding: $code-font-size * .2 $code-font-size * .5;
-        border-radius: $code-font-size * .4;
-        background-color: $text-background-color;
-        span {
-            padding: 0;
-            margin: 0;
-        }
+  }
+  ul,
+  ol {
+    margin: $content-gap 0 $content-gap $spacing-unit;
+    li {
+      margin: 0;
+      p {
+        margin: 0;
+      }
     }
-    pre {
-        display: block;
-        overflow: auto;
-        -webkit-overflow-scrolling: touch;
-        margin: $content-gap 0;
-        border-radius: $code-font-size * .4;;
-        background-size: auto $code-font-size * $code-line-height * 2;
-        background-origin: content-box;
-        & > code {
-            font-size: $code-font-size;
-            padding: $code-font-size;
-            margin: 0;
-            display: block;
-            line-height: $code-line-height;
-            background-color: transparent;
-        }
+  }
+  dl {
+    margin: $content-gap 0;
+    dt,
+    dd {
+      margin: 0;
+      p {
+        margin: 0;
+      }
     }
-    figure {
-        margin: $content-gap 0;
-        &:before {
-            content: attr(data-lang);
-            background-color: $text-background-color;
-            display: block;
-            border-top-left-radius: $code-font-size / 2;
-            border-top-right-radius: $code-font-size / 2;
-            padding: $code-font-size / 2 $code-font-size $code-font-size / 2 0;
-            color: $decorate-color;
-            font-weight: $bold-font-weight;
-            font-size: $base-font-size;
-            text-align: right;
-            text-transform: uppercase;
-        }
-        & > pre {
-            border-top-left-radius: 0;
-            border-top-right-radius: 0;
-            margin: 0;
-            & > code {
-                padding-top: 0;
-            }
-        }
+    dt {
+      font-weight: $bold-font-weight;
     }
-
-    ul, ol {
-        margin: $content-gap 0 $content-gap $spacing-unit;
-        li {
-            margin: 0;
-            p { margin: 0; }
-        }
+    dd {
+      margin-left: 2em;
     }
-    dl {
-       margin: $content-gap 0;
-       dt, dd {
-           margin: 0;
-           p { margin: 0; }
-       }
-       dt {
-           font-weight: $bold-font-weight;
-       }
-       dd {
-           margin-left: 2em;
-       }
+  }
+  table {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    margin: $content-gap 0;
+    border-collapse: collapse;
+    th,
+    td {
+      border: 1px solid $border-color;
+      padding: $base-font-size * .5;
     }
-
-    table {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-    	margin: $content-gap 0;
-        border-collapse: collapse;
-    	th, td {
-            border: 1px solid $border-color;
-            padding: $base-font-size * .5;
-        }
-        thead, tbody {
-            border: 1px solid $border-color;
-        }
-        tbody > tr:nth-child(even) {
-            background-color: $text-background-color;
-        }
+    thead,
+    tbody {
+      border: 1px solid $border-color;
     }
-
-    hr {
-        border: 0 dashed $border-color;
-        border-top-width: 2px;
-    	margin: $base-font-size 0;
+    tbody>tr:nth-child(even) {
+      background-color: $text-background-color;
     }
+  }
+  hr {
+    border: 0 dashed $border-color;
+    border-top-width: 2px;
+    margin: $base-font-size 0;
+  }
 }