jekyll-crisp-theme 1.0.0.beta1

data/_sass/_code-highlight.scss

@@ -0,0 +1,26 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+pre,
+code {
+  font-family: "Source Code Pro", Menlo, Monaco, Consolas, Courier, monospace;
+  hyphens: none;
+}
+
+pre.highlight {
+  border: 1px solid $code-bg-color;
+  border-radius: 4px;
+  font-size: .9rem;
+}
+
+code.hljs {
+  padding: .4rem;
+}
+
+code.highlighter-rouge {
+  border: 1px solid $border-color;
+  border-radius: .2rem;
+  font-size: .9rem;
+  font-weight: bold;
+  padding: .1rem .3rem;
+}

data/_sass/_footer.scss

@@ -0,0 +1,62 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+footer {
+  font-size: 1rem;
+  margin-top: 2.4rem;
+  overflow: hidden;
+  text-align: center;
+
+  .content-wrapper {
+    border-bottom: 0;
+  }
+}
+
+@media (max-width: $breakpoint) {
+  footer {
+    .content-wrapper {
+      padding-left: 0;
+    }
+  }
+}
+
+.contact {
+  font-size: 1rem;
+  margin-bottom: 3rem;
+  text-align: left;
+
+  a {
+    color: $main-color;
+    padding-left: .8rem;
+  }
+
+  &:hover {
+    a {
+      color: $light-color;
+
+      &:hover {
+        color: $main-color;
+      }
+    }
+  }
+
+  .contact-links {
+    float: right;
+  }
+}
+
+@media (max-width: $breakpoint) {
+  .contact {
+    .contact-copyright {
+      margin-left: .6rem;
+      padding-top: 1rem;
+      width: 100%;
+    }
+
+    .contact-links {
+      float: none;
+      margin-left: -.1rem;
+      width: 100%;
+    }
+  }
+}

data/_sass/_main.scss

@@ -0,0 +1,73 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+  height: 100%;
+  width: 100%;
+}
+
+@media (max-width: $breakpoint) {
+  html {
+    font-size: 14px;
+  }
+}
+
+body {
+  background-color: $bg-color;
+  color: $main-color;
+  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans", "Segoe UI", Roboto, Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
+  font-size: 1rem;
+  -webkit-font-smoothing: antialiased;
+  height: 100%;
+  margin: 0;
+  text-align: center;
+  word-wrap: break-word;
+
+  ::selection {
+    background-color: $link-color;
+    color: $bg-color;
+  }
+}
+
+a {
+  color: $link-color;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.content {
+  text-align: center;
+  width: 100%;
+}
+
+.content-wrapper {
+  margin: 0 auto;
+  width: $breakpoint;
+}
+
+@media (max-width: $breakpoint) {
+  .content-wrapper {
+    padding-left: .5rem;
+    padding-right: .5rem;
+    width: 100%;
+  }
+}
+
+img {
+  border: 0;
+  max-width: $breakpoint;
+}
+
+@media (max-width: $breakpoint) {
+  img {
+    max-width: 100%;
+  }
+}

data/_sass/_menu.scss

@@ -0,0 +1,70 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+.menu {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: .4rem;
+  padding-top: 1.2rem;
+  text-align: left;
+
+  .menu-home {
+    font-size: 1.2rem;
+
+    a {
+      color: $sub-color;
+      text-decoration: none;
+    }
+  }
+
+  .menu-links {
+    display: flex;
+    float: right;
+    margin-top: 0;
+  }
+
+  .menu-item {
+    font-size: 1rem;
+    padding: .1rem .4rem;
+    text-align: left;
+
+    &:first-of-type {
+      padding-left: 0;
+    }
+
+    &:last-of-type {
+      padding-right: 0;
+    }
+
+    a {
+      color: $light-color;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .menu-active {
+    a {
+      text-decoration: underline;
+    }
+  }
+
+  @media (max-width: $breakpoint) {
+    display: block;
+    padding-top: .4rem;
+
+    .menu-home {
+      font-size: 1.8rem;
+      padding: .4rem 0;
+    }
+
+    .menu-links {
+      float: left;
+      margin-bottom: 1.8rem;
+      width: 100%;
+    }
+  }
+}

data/_sass/_page.scss

@@ -0,0 +1,17 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+.page {
+  text-align: left;
+
+  .page-main {
+    .page-title {
+      color: $sub-color;
+      font-size: 1rem;
+      font-weight: 700;
+      margin-top: 1.2rem;
+      padding: .8rem 0;
+      text-align: left;
+    }
+  }
+}

data/_sass/_things.scss

@@ -0,0 +1,53 @@
+// Theme of Crisp Blog
+// Copyright(c) David Zhang, 2017
+
+.things {
+  margin-top: 1rem;
+
+  .things-item {
+    border-bottom: 1px solid $border-color;
+    display: flex;
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    width: 100%;
+
+    .things-title {
+      color: $sub-color;
+      font-size: 1rem;
+      min-width: 12.4rem;
+    }
+
+    .things-link {
+      font-size: .8rem;
+      line-height: 1.2rem;
+      min-width: 8rem;
+      padding-top: .2rem;
+    }
+
+    .things-list {
+      font-size: .9rem;
+      line-height: 1.4rem;
+    }
+  }
+
+  ul {
+    margin: 0;
+  }
+}
+
+@media (max-width: $breakpoint) {
+  .things {
+    .things-item {
+      display: block;
+
+      .things-link {
+        display: flex;
+        padding: .2rem 0;
+
+        a {
+          padding-right: .2rem;
+        }
+      }
+    }
+  }
+}

data/assets/css/style.scss

@@ -0,0 +1,26 @@
+---
+---
+/*
+ * Theme of Crisp Blog
+ * Copyright(c) David Zhang, 2017
+ */
+
+$breakpoint: 38rem;
+
+$main-color:    #212529; // grey 9
+$sub-color:     #343a40; // grey 8
+$code-bg-color: #495057; // grey 7
+$light-color:   #adb5bd; // grey 5
+$border-color:  #dee2e6; // grey 3
+$bg-color:      #f8f9fa; // grey 0
+
+$link-color:    #329af0; // blue 5
+
+@import "main";
+@import "menu";
+@import "footer";
+@import "page";
+@import "article";
+@import "code-highlight";
+@import "archive";
+@import "things";

data/assets/css/tomorrow-night-eighties.css

@@ -0,0 +1,74 @@
+/* Tomorrow Night Eighties Theme */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #999999;
+}
+
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #f2777a;
+}
+
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f99157;
+}
+
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #ffcc66;
+}
+
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #99cc99;
+}
+
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #6699cc;
+}
+
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #cc99cc;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #2d2d2d;
+  color: #cccccc;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

data/assets/css/zenburn.css

@@ -0,0 +1,80 @@
+/*
+
+Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
+based on dark.css by Ivan Sagalaev
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #3f3f3f;
+  color: #dcdcdc;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-tag {
+  color: #e3ceab;
+}
+
+.hljs-template-tag {
+  color: #dcdcdc;
+}
+
+.hljs-number {
+  color: #8cd0d3;
+}
+
+.hljs-variable,
+.hljs-template-variable,
+.hljs-attribute {
+  color: #efdcbc;
+}
+
+.hljs-literal {
+  color: #efefaf;
+}
+
+.hljs-subst {
+  color: #8f8f8f;
+}
+
+.hljs-title,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
+  color: #efef8f;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #dca3a3;
+}
+
+.hljs-deletion,
+.hljs-string,
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #cc9393;
+}
+
+.hljs-addition,
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #7f9f7f;
+}
+
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}