hexo-theme-shokax 0.0.1-alpha1

package/source/css/_iconfont.styl

@@ -0,0 +1,451 @@
+.i-cloud:before {
+  content: "\e659";
+}
+
+.i-bilibili:before {
+  content: "\e652";
+}
+
+.i-volume-off:before {
+  content: "\e61e";
+}
+
+.i-volume-on:before {
+  content: "\e62c";
+}
+
+.i-circle-play:before {
+  content: "\e647";
+}
+
+.i-forward:before {
+  content: "\e648";
+}
+
+.i-backward:before {
+  content: "\e649";
+}
+
+.i-circle-pause:before {
+  content: "\e64a";
+}
+
+.i-loop:before {
+  content: "\e64b";
+}
+
+.i-order:before {
+  content: "\e64c";
+}
+
+.i-random:before {
+  content: "\e64d";
+}
+
+.i-douban:before {
+  content: "\e75f";
+}
+
+.i-linux:before {
+  content: "\f1e8";
+}
+
+.i-opera:before {
+  content: "\f205";
+}
+
+.i-qq:before {
+  content: "\f216";
+}
+
+.i-safari:before {
+  content: "\f229";
+}
+
+.i-snapchat-ghost:before {
+  content: "\f234";
+}
+
+.i-weixin:before {
+  content: "\f262";
+}
+
+.i-windows:before {
+  content: "\f266";
+}
+
+.i-stars:before {
+  content: "\e8c4";
+}
+
+.i-apple:before {
+  content: "\e600";
+}
+
+.i-blackberry:before {
+  content: "\e601";
+}
+
+.i-centos:before {
+  content: "\e602";
+}
+
+.i-fedora:before {
+  content: "\e603";
+}
+
+.i-redhat:before {
+  content: "\e604";
+}
+
+.i-ubuntu:before {
+  content: "\e605";
+}
+
+.i-suse:before {
+  content: "\e606";
+}
+
+.i-mobile-alt:before {
+  content: "\f052";
+}
+
+.i-paw:before {
+  content: "\f06b";
+}
+
+.i-android:before {
+  content: "\f161";
+}
+
+.i-chrome:before {
+  content: "\f178";
+}
+
+.i-edge:before {
+  content: "\f195";
+}
+
+.i-firefox:before {
+  content: "\f1a1";
+}
+
+.i-internet-explorer:before {
+  content: "\f1d4";
+}
+
+.i-markdown:before {
+  content: "\f1eb";
+}
+
+.i-smile:before {
+  content: "\f2a5";
+}
+
+.i-preview:before {
+  content: "\e901";
+}
+
+.i-share:before {
+  content: "\e61b";
+}
+
+.i-link-circle:before {
+  content: "\e67b";
+}
+
+.i-person:before {
+  content: "\e69d";
+}
+
+.i-sun:before {
+  content: "\e6d1";
+}
+
+.i-moon:before {
+  content: "\e71e";
+}
+
+.i-compress:before {
+  content: "\ef82";
+}
+
+.i-expand:before {
+  content: "\efb4";
+}
+
+.i-align-justify:before {
+  content: "\ef13";
+}
+
+.i-align-left:before {
+  content: "\ef14";
+}
+
+.i-eye:before {
+  content: "\efb8";
+}
+
+.i-pen:before {
+  content: "\f071";
+}
+
+.i-clock:before {
+  content: "\ef75";
+}
+
+.i-flag:before {
+  content: "\e680";
+}
+
+.i-at:before {
+  content: "\e619";
+}
+
+.i-file:before {
+  content: "\e68d";
+}
+
+.i-clipboard:before {
+  content: "\e651";
+}
+
+.i-feather:before {
+  content: "\efbd";
+}
+
+.i-music:before {
+  content: "\f059";
+}
+
+.i-pause:before {
+  content: "\f06a";
+}
+
+.i-comments:before {
+  content: "\ef7f";
+}
+
+.i-play:before {
+  content: "\f07f";
+}
+
+.i-calendar-check:before {
+  content: "\ef5b";
+}
+
+.i-angle-up:before {
+  content: "\ef1b";
+}
+
+.i-facebook:before {
+  content: "\f19d";
+}
+
+.i-instagram:before {
+  content: "\f1d3";
+}
+
+.i-skype:before {
+  content: "\f231";
+}
+
+.i-stack-overflow:before {
+  content: "\f239";
+}
+
+.i-youtube:before {
+  content: "\f274";
+}
+
+.i-list-alt:before {
+  content: "\e6c1";
+}
+
+.i-star:before {
+  content: "\f0d4";
+}
+
+.i-link-alt:before {
+  content: "\f037";
+}
+
+.i-paper-plane:before {
+  content: "\f063";
+}
+
+.i-user:before {
+  content: "\f2dd";
+}
+
+.i-link:before {
+  content: "\e8fc";
+}
+
+.i-angle-down:before {
+  content: "\ef1a";
+}
+
+.i-calendar:before {
+  content: "\e812";
+}
+
+.i-home:before {
+  content: "\e8ed";
+}
+
+.i-magic:before {
+  content: "\f03e";
+}
+
+.i-sakura:before {
+  content: "\e695";
+}
+
+.i-tag:before {
+  content: "\e759";
+}
+
+.i-angle-left:before {
+  content: "\ef19";
+}
+
+.i-arrow-circle-right:before {
+  content: "\ef23";
+}
+
+.i-check-circle:before {
+  content: "\ef66";
+}
+
+.i-exclamation-circle:before {
+  content: "\efb5";
+}
+
+.i-info-circle:before {
+  content: "\f02b";
+}
+
+.i-minus-circle:before {
+  content: "\f050";
+}
+
+.i-plus-circle:before {
+  content: "\f082";
+}
+
+.i-file-word:before {
+  content: "\f299";
+}
+
+.i-check:before {
+  content: "\ef65";
+}
+
+.i-times:before {
+  content: "\f109";
+}
+
+.i-list-ol:before {
+  content: "\f039";
+}
+
+.i-archive:before {
+  content: "\ef1c";
+}
+
+.i-angle-right:before {
+  content: "\ef1f";
+}
+
+.i-arrow-down:before {
+  content: "\ef25";
+}
+
+.i-arrow-up:before {
+  content: "\ef2a";
+}
+
+.i-chart-area:before {
+  content: "\ef64";
+}
+
+.i-chevron-left:before {
+  content: "\ef6e";
+}
+
+.i-chevron-right:before {
+  content: "\ef6f";
+}
+
+.i-coffee:before {
+  content: "\ef7a";
+}
+
+.i-envelope:before {
+  content: "\efae";
+}
+
+.i-external-link-alt:before {
+  content: "\efb6";
+}
+
+.i-heart:before {
+  content: "\f013";
+}
+
+.i-heartbeat:before {
+  content: "\f017";
+}
+
+.i-search:before {
+  content: "\f0a8";
+}
+
+.i-sitemap:before {
+  content: "\f0bd";
+}
+
+.i-tags:before {
+  content: "\f0f3";
+}
+
+.i-th:before {
+  content: "\f0fc";
+}
+
+.i-thumbtack:before {
+  content: "\f107";
+}
+
+.i-times-circle:before {
+  content: "\f10a";
+}
+
+.i-creative-commons:before {
+  content: "\f17e";
+}
+
+.i-github:before {
+  content: "\f1b4";
+}
+
+.i-twitter:before {
+  content: "\f24d";
+}
+
+.i-weibo:before {
+  content: "\f261";
+}
+
+.i-address-card:before {
+  content: "\f278";
+}
+
+.i-zhihu:before {
+  content: "\e765";
+}
+
+.i-cloud-music:before {
+  content: "\e76a";
+}

package/source/css/_mixins.styl

@@ -0,0 +1,146 @@
+the-transition(duration = .2s, function = ease-in-out, delay = 0s, property = all) {
+  transition:property duration function delay;
+}
+
+mobile-smallest() {
+  @media (max-width: 413px) {
+    {block};
+  }
+}
+
+mobile-small() {
+  @media (max-width: 567px) {
+    {block};
+  }
+}
+
+mobile() {
+  @media (max-width: 820px) {
+    {block};
+  }
+}
+
+tablet-mobile() {
+  @media (max-width: 991px) {
+    {block};
+  }
+}
+
+tablet-desktop() {
+  @media (min-width: 820px) {
+    {block};
+  }
+}
+
+tablet() {
+  @media (min-width: 820px) and (max-width: 1043px) {
+    {block};
+  }
+}
+
+desktop() {
+  @media (min-width: 1044px) {
+    {block};
+  }
+}
+
+desktop-large() {
+  @media (min-width: 1200px) {
+    {block};
+  }
+}
+
+desktop-largest() {
+  @media (min-width: 1600px) {
+    {block};
+  }
+}
+
+random-color($min, $max) {
+  return floor(math(0, 'random') * ($max - $min + 1) + $min);
+}
+
+word-wrap() {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+
+disable-user-select() {
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+sidebar-inline-links-item() {
+  margin: .3125rem 0 0;
+
+  a {
+    box-sizing: border-box;
+    display: inline-block;
+    margin-bottom: 0;
+    margin-right: 0;
+    max-width: 13.5rem;
+    overflow: hidden;
+    padding: 0 .3125rem;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+the-flex(direction = column, justify = center, align = center) {
+  display: flex;
+  flex-direction: direction if direction == column;
+  justify-content: justify;
+  align-items: align;
+}
+
+font-family-icons() {
+  font-family: 'ic';
+  font-weight: normal;
+}
+
+shadow-box(border = true, radius = .5rem) {
+  border-radius: radius;
+  border: .0625rem solid var(--grey-2) if border == true;
+  box-shadow: 0 .625rem 1.875rem -.9375rem var(--box-bg-shadow);
+}
+
+li-nodot() {
+  width: auto;
+  height: auto;
+  background: none !important;
+  border: none !important;
+  position: relative;
+  top: 0 !important;
+  left: 0 !important;
+}
+
+$hover-underline {
+  &::before {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: .1875rem;
+    bottom: 0;
+    border-radius: .125rem;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: currentColor;
+  }
+}
+
+$color-btn {
+  color: var(--grey-0);
+  background-image: linear-gradient(to right,var(--color-pink) 0,var(--color-orange) 100%);
+  box-shadow: 0 0 .75rem var(--color-pink-a3);
+}
+
+$fix-fullscreen {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: $zindex-5;
+}

package/source/css/_variables.styl

@@ -0,0 +1,89 @@
+// 变量区
+
+get_font_family(config) {
+  $custom-family = hexo-config('font.' + config + '.family');
+  return $custom-family is a 'string' ? $custom-family : null;
+}
+
+// Font families.
+$font-family-chinese      = -apple-system, "PingFang SC", "Microsoft YaHei";
+
+$font-family-base         = $font-family-chinese, sans-serif;
+$font-family-base       = get_font_family('global'), $font-family-base if get_font_family('global');
+
+$font-family-logo         = $font-family-base;
+$font-family-logo         = get_font_family('logo'), $font-family-base if get_font_family('title');
+
+$font-family-title         = $font-family-base;
+$font-family-title         = get_font_family('title'), $font-family-base if get_font_family('title');
+
+$font-family-headings     = $font-family-base;
+$font-family-headings     = get_font_family('headings'), $font-family-title if get_font_family('headings');
+$font-family-headings     = get_font_family('global'), $font-family-headings if get_font_family('global');
+$font-family-title         = get_font_family('title'), get_font_family('headings'), $font-family-base if get_font_family('headings');
+$font-family-title         = get_font_family('global'), $font-family-title if get_font_family('global');
+
+$font-family-posts        = $font-family-base;
+$font-family-posts        = get_font_family('posts'), $font-family-base if get_font_family('posts');
+
+$font-family-monospace    = consolas, Menlo, $font-family-chinese;
+$font-family-monospace    = get_font_family('codes'), consolas, Menlo, $font-family-chinese if get_font_family('codes');
+
+$iconfont = hexo-config('iconfont');
+
+// Font size
+$font-size-base           = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : 1em;
+$font-size-smallest       = .75em;
+$font-size-smaller        = .8125em;
+$font-size-small          = .875em;
+$font-size-medium         = 1em;
+$font-size-large          = 1.125em;
+$font-size-larger         = 1.25em;
+$font-size-largest        = 1.5em;
+
+
+// Headings font size
+$font-size-headings-step  = .125em;
+$font-size-headings-base  = (hexo-config('font.enable') and hexo-config('font.headings.size') is a 'unit') ? unit(hexo-config('font.headings.size'), em) : 1.625em;
+
+
+// Global line height
+$line-height-base         = 2;
+$line-height-code-block   = 1.6; // Can't be less than 1.3;
+
+
+// Z-index master list
+// --------------------------------------------------
+$zindex-0       = -1;
+$zindex-1       = 1;
+$zindex-2       = 9;
+$zindex-3       = 99;
+$zindex-4       = 999;
+$zindex-5       = 9999;
+
+
+// Pagination
+// --------------------------------------------------
+
+
+// Layout sizes
+// --------------------------------------------------
+$sidebar-width                = 15;
+$sidebar-desktop              = unit($sidebar-width, 'rem');
+$content-offset               = .75rem;
+$content-wrap                 = 'calc(100% - %s)' % unit($sidebar-width + $content-offset, 'rem');
+
+$content-desktop-padding        = 1.25rem;
+$content-tablet-padding         = .625rem;
+$content-mobile-padding         = .5rem;
+
+$content-desktop              = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'rem');
+$content-desktop-large        = 72.5rem;
+$content-desktop-largest      = 73%;
+
+
+
+// Site Meta
+$font-size-title                = (hexo-config('font.enable') and hexo-config('font.title.size') is a 'unit') ? unit(hexo-config('font.title.size'), em) : 2em;
+$font-size-subtitle             = $font-size-small;
+$font-size-logo                = (hexo-config('font.enable') and hexo-config('font.logo.size') is a 'unit') ? unit(hexo-config('font.logo.size'), em) : 3.5em;

package/source/css/app.styl

@@ -0,0 +1,27 @@
+@import "_variables";
+
+@import "_mixins";
+
+if $colors = hexo-config('style.colors')
+  @import $colors;
+else
+  @import "_colors";
+
+if $_iconfont = hexo-config('style.iconfont')
+  @import $_iconfont;
+else
+  @import "_iconfont";
+
+// Scaffolding
+@import "_common/scaffolding";
+
+// Layout
+@import "_common/outline";
+
+// Components
+@import "_common/components";
+
+if $custom = hexo-config('style.custom')
+  @import $custom;
+
+@import "plugin.styl"

package/source/css/comment.styl

@@ -0,0 +1,5 @@
+@import "_variables.styl";
+
+@import "_mixins.styl";
+
+@import "_common/components/third-party/valine";

package/source/css/mermaid.styl

@@ -0,0 +1,5 @@
+@import "_variables.styl";
+
+@import "_mixins.styl";
+
+@import "_common/components/third-party/mermaid";