jekyll-text-theme 1.3.0

data/_sass/blog/_layout.base.scss

@@ -0,0 +1,3 @@
+body {
+	background-color: $background-color;
+}

data/_sass/blog/_layout.default.scss

@@ -0,0 +1,20 @@
+.m-page-stage {
+    box-sizing: border-box;
+    min-height: 100%;
+    overflow:auto;
+    padding-bottom: $footer-height;
+    @include animation(fade-in-down .8s);
+}
+.m-page-content {
+    padding: $content-gap * 3 0 $content-gap * 2;
+    @include media-query($on-laptop) {
+        padding: $content-gap * 2 0;
+    }
+    @include media-query($on-palm) {
+        padding: $content-gap 0;
+    }
+}
+.m-page-main {
+    margin: 0 auto;
+}
+

data/_sass/blog/_layout.page.scss

@@ -0,0 +1 @@
+

data/_sass/blog/_layout.post.scss

@@ -0,0 +1,66 @@
+.m-post {
+    & > div {
+        display: block;
+        @include media-query($on-laptop) {
+            display: block;
+        }
+    }
+    .col-1 {
+        @include flex(1);
+        max-width: $content-max-width;
+        & > article {
+            & > header {
+                color: $text-color-d;
+                margin-bottom:  $spacing-unit / 6;
+                & > h1 {
+                    margin-bottom:  $spacing-unit;
+                }
+            }
+        }
+    }
+    .col-2 {
+        display: none;
+        & > aside {
+            box-sizing: border-box;
+            width: $aside-width;
+            position: absolute;
+            padding:  $spacing-unit 0 $spacing-unit $spacing-unit * 2;
+            overflow: hidden;
+        }
+    }
+    footer {
+        & > span {
+            color: $text-color-l;
+        }
+        & > .article-license {
+            position: relative;
+            max-width: 500px;
+            margin: 1.5em 0;
+        }
+    }
+}
+.has-toc {
+    .m-post {
+        & > div {
+            @include flexbox;
+            @include media-query($on-laptop) {
+                display: block;
+            }
+        }
+        .col-2 {
+            width: $aside-width;
+            position: relative;
+            display: block;
+            & > aside {
+                &.fixed {
+                    position: fixed;
+                    z-index: 2;
+                    -webkit-font-smoothing: subpixel-antialiased;
+                }
+            }
+            @include media-query($on-laptop) {
+                display: none;
+            }
+        }
+    }
+}

data/_sass/blog/_page.all.scss

@@ -0,0 +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;
+        }
+    }
+    .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

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

data/_sass/blog/_page.index.scss

@@ -0,0 +1,45 @@
+.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;
+        }
+    }
+}

data/_sass/colors/_colors.dark.scss

@@ -0,0 +1,38 @@
+///
+// Color Theme: Dark
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #ffbf00;
+$text-color-1:     #dedede;
+
+$main-color-2:     #ff3366;
+$text-color-2:     #dedede;
+$main-color-3:     #21252b;
+$text-color-3:     #dedede;
+
+// background colors
+$background-color: #2e3744;
+// text colors
+$text-color-d:     #f1f3f6;
+$text-color:       #dadfe6;
+$text-color-l:     #acb0b4;
+$text-background-color:#1e242d;
+
+// border and shadow colors
+$border-color:     #161b21;
+$select-color:     rgba($main-color-1, .5);
+$decorate-color:   rgba(#fff, .1);
+$shadow-down:      none;
+
+// 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.default.scss

@@ -0,0 +1,39 @@
+///
+// Color Theme: Default
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #fc4d50;
+$text-color-1:     #fff;
+
+$main-color-2:     #fca24d;
+$text-color-2:     #fff;
+
+$main-color-3:     #f2f2f2;
+$text-color-3:     #666;
+
+// background colors
+$background-color: #fff;
+// text colors
+$text-color-d:     #111;
+$text-color:       #333;
+$text-color-l:     #9c9c9c;
+$text-background-color:#f2f2f2;
+
+// border and shadow colors
+$border-color:     #aeaeae;
+$select-color:     rgba($main-color-1, .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.forest.scss

@@ -0,0 +1,39 @@
+///
+// Color Theme: Forest
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #bb6170;
+$text-color-1:     #fff;
+
+$main-color-2:     #f3c584;
+$text-color-2:     #fff;
+
+$main-color-3:     #7cc7bb;
+$text-color-3:     #fff;
+
+// background colors
+$background-color: #f8fcfb;
+// text colors
+$text-color-d:     #325f74;
+$text-color:       #3e758f;
+$text-color-l:     #619dbb;
+$text-background-color:#f2f2f2;
+
+// border and shadow colors
+$border-color:     #eacfd3;
+$select-color:     rgba($main-color-1, .5);
+$decorate-color:   rgba(#bb6170, .15);
+$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.ocean.scss

@@ -0,0 +1,39 @@
+///
+// Color Theme: Ocean
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1:     #09abff;
+$text-color-1:     #fff;
+
+$main-color-2:     #ead4d9;
+$text-color-2:     #444;
+
+$main-color-3:     #e1f5ff;
+$text-color-3:     #00537f;
+
+// background colors
+$background-color: #f5fcff;
+// text colors
+$text-color-d:     #32434c;
+$text-color:       #00537f;
+$text-color-l:     #0079ba;
+$text-background-color:#f2f2f2;
+
+// border and shadow colors
+$border-color:     #aeaeae;
+$select-color:     rgba($main-color-1, .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

@@ -0,0 +1,140 @@
+.m-article-content {
+    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;
+        background-color: $text-background-color;
+        p {
+            margin: $content-gap * .5 0;
+        }
+        > :last-child {
+            margin-bottom: 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;
+        }
+    }
+    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;
+        }
+    }
+    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;
+            }
+        }
+    }
+
+    ul, ol {
+        margin: $content-gap 0 $content-gap $spacing-unit;
+        li {
+            margin: 0;
+            p { margin: 0; }
+        }
+    }
+    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;
+    	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;
+        }
+    }
+
+    hr {
+        border: 0 dashed $border-color;
+        border-top-width: 2px;
+    	margin: $base-font-size 0;
+    }
+}