hexo-theme-shokax 0.4.5 → 0.4.6-beta2

package/source/css/_common/outline/sidebar/sidebar.styl

@@ -1,80 +1,80 @@
-#sidebar {
-  position: static;
-  width: $sidebar-desktop;
-  top: 0;
-  bottom: 0;
-  the-transition();
-
-  +tablet-mobile() {
-    display: none;
-    position: fixed;
-    right: 0;
-    background: var(--grey-1);
-    box-shadow: 0 .375rem .9375rem .3125rem rgba(0, 0, 0, .2);
-    z-index: $zindex-3;
-  }
-
-  &.affix {
-    >.inner {
-      position: fixed;
-      top: 0;
-    }
-    .panels {
-      padding-top: 3.625rem;
-      height: 100vh;
-    }
-  }
-
-  >.inner {
-    position: relative;
-    width: $sidebar-desktop;
-    color: var(--grey-6);
-    text-align: center;
-    display: flex;
-    justify-content: space-around;
-    align-items: flex-start;
-    flex-wrap: wrap;
-    z-index: $zindex-1;
-  }
-}
-
-.panels {
-  padding: 4.6875rem 0 2rem;
-  width: 100%;
-  overflow: hidden;
-
-  .inner {
-    margin-top: 2.5rem;
-    overflow-x: hidden;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-    width: auto;
-    height: 100%;
-
-    +tablet-mobile() {
-      margin-top: 0;
-    }
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  .panel {
-    display: none;
-    padding: .875rem .9375rem 2rem;
-  }
-}
-
-
-@import 'dimmer';
-@import 'author';
-@import 'menu';
-@import 'social';
-
-@import 'quick';
-@import 'tab';
-
-@import 'toc';
-@import 'related';
-@import 'state';
+#sidebar {
+  position: static;
+  width: $sidebar-desktop;
+  top: 0;
+  bottom: 0;
+  the-transition();
+
+  +tablet-mobile() {
+    display: none;
+    position: fixed;
+    right: 0;
+    background: var(--grey-1);
+    box-shadow: 0 .375rem .9375rem .3125rem rgba(0, 0, 0, .2);
+    z-index: $zindex-3;
+  }
+
+  &.affix {
+    >.inner {
+      position: fixed;
+      top: 0;
+    }
+    .panels {
+      padding-top: 3.625rem;
+      height: 100vh;
+    }
+  }
+
+  >.inner {
+    position: relative;
+    width: $sidebar-desktop;
+    color: var(--grey-6);
+    text-align: center;
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    z-index: $zindex-1;
+  }
+}
+
+.panels {
+  padding: 4.6875rem 0 2rem;
+  width: 100%;
+  overflow: hidden;
+
+  .inner {
+    margin-top: 2.5rem;
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    width: auto;
+    height: 100%;
+
+    +tablet-mobile() {
+      margin-top: 0;
+    }
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  .panel {
+    display: none;
+    padding: .875rem .9375rem 2rem;
+  }
+}
+
+
+@import 'dimmer';
+@import 'author';
+@import 'menu';
+@import 'social';
+
+@import 'quick';
+@import 'tab';
+
+@import 'toc';
+@import 'related';
+@import 'state';

package/source/css/_common/outline/sidebar/social.styl

@@ -1,69 +1,69 @@
-.social {
-  margin-top: .9375rem;
-  text-align: center;
-  .item {
-    display: inline-block;
-    width: 1.875rem;
-    height: 1.875rem;
-    line-height: 1.875rem;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-    border-radius: 38%;
-
-    i {
-      font-size: 1.4em;
-      vertical-align: middle;
-      transform: scale(.8);
-    }
-
-
-    &::before {
-      top: 90%;
-      left: -110%;
-      content: "";
-      width: 120%;
-      height: 120%;
-      position: absolute;
-      transform: rotate(45deg);
-    }
-
-    &::before,
-    i {
-      the-transition(.35s, cubic-bezier(.31, -.105, .43, 1.59));
-    }
-
-    &:focus::before,
-    &:hover::before {
-      top: -10%;
-      left: -10%;
-    }
-
-    $social = hexo-config('social');
-
-    for type in $social {
-      for i in split(" || ", slice(type, 1)) {
-          color = slice(i, 1, -1)
-      }
-
-      &.{slice(type, 0, 1)} {
-
-        &::before {
-          background-color: unquote(color);
-        }
-        i {
-          color: unquote(color);
-        }
-
-      }
-    }
-
-
-    &:focus i,
-    &:hover i {
-      color: var(--grey-0);
-      transform: scale(1);
-    }
-
-  }
-}
+.social {
+  margin-top: .9375rem;
+  text-align: center;
+  .item {
+    display: inline-block;
+    width: 1.875rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+    border-radius: 38%;
+
+    i {
+      font-size: 1.4em;
+      vertical-align: middle;
+      transform: scale(.8);
+    }
+
+
+    &::before {
+      top: 90%;
+      left: -110%;
+      content: "";
+      width: 120%;
+      height: 120%;
+      position: absolute;
+      transform: rotate(45deg);
+    }
+
+    &::before,
+    i {
+      the-transition(.35s, cubic-bezier(.31, -.105, .43, 1.59));
+    }
+
+    &:focus::before,
+    &:hover::before {
+      top: -10%;
+      left: -10%;
+    }
+
+    $social = hexo-config('social');
+
+    for type in $social {
+      for i in split(" || ", slice(type, 1)) {
+          color = slice(i, 1, -1)
+      }
+
+      &.{slice(type, 0, 1)} {
+
+        &::before {
+          background-color: unquote(color);
+        }
+        i {
+          color: unquote(color);
+        }
+
+      }
+    }
+
+
+    &:focus i,
+    &:hover i {
+      color: var(--grey-0);
+      transform: scale(1);
+    }
+
+  }
+}

package/source/css/_common/outline/sidebar/state.styl

@@ -1,37 +1,37 @@
-.state {
-  display: flex;
-  justify-content: center;
-  line-height: 1.4;
-  margin-top: .625rem;
-  overflow: hidden;
-  text-align: center;
-  white-space: nowrap;
-
-
-  .item {
-    padding: 0 .9375rem;
-
-    &:not(:first-child) {
-      border-left: .0625rem solid var(--grey-4);
-    }
-
-    a {
-      border-bottom: none;
-    }
-
-    .count {
-      display: block;
-      font-size: $font-size-larger;
-      font-weight: 600;
-      text-align: center;
-    }
-
-    .name {
-      color: inherit;
-      font-size: $font-size-small;
-    }
-  }
-
-
-
-}
+.state {
+  display: flex;
+  justify-content: center;
+  line-height: 1.4;
+  margin-top: .625rem;
+  overflow: hidden;
+  text-align: center;
+  white-space: nowrap;
+
+
+  .item {
+    padding: 0 .9375rem;
+
+    &:not(:first-child) {
+      border-left: .0625rem solid var(--grey-4);
+    }
+
+    a {
+      border-bottom: none;
+    }
+
+    .count {
+      display: block;
+      font-size: $font-size-larger;
+      font-weight: 600;
+      text-align: center;
+    }
+
+    .name {
+      color: inherit;
+      font-size: $font-size-small;
+    }
+  }
+
+
+
+}

package/source/css/_common/outline/sidebar/tab.styl

@@ -1,71 +1,71 @@
-#sidebar .tab {
-  position: absolute;
-  display: inline-flex;
-  padding: 1.875rem 0 .625rem;
-  margin: 0;
-  min-height: 1.875rem;
-
-
-  .item {
-    cursor: pointer;
-    display: inline-flex;
-    font-size: $font-size-small;
-    padding: .3125rem .9375rem;
-    color: var(--grey-5);
-
-    border-radius: .625rem;
-    text-align: center;
-    text-decoration: none;
-    background-color: rgba(0, 0, 0, .08);
-
-    the-transition(.2s, ease-out);
-
-    &:nth-child(2) {
-      margin: auto .625rem;
-    }
-
-    span {
-      display: none;
-      word-break: keep-all;
-    }
-
-    &.active span {
-      display: inherit;
-    }
-
-    &:hover,
-    &.active {
-      @extend $color-btn;
-    }
-
-
-    &.active:hover {
-      box-shadow: 0 0 .75rem var(--color-pink);
-    }
-
-    &::before {
-      font-family-icons();
-    }
-
-    &.contents::before {
-      @extend .i-list-ol:before;
-    }
-
-    &.related::before {
-      @extend .i-sitemap:before;
-    }
-
-    &.overview::before {
-      @extend .i-home:before;
-    }
-
-    &.active::before {
-      margin-right: .3125rem;
-    }
-  }
-
-}
-
-#sidebar.affix .tab {
-  padding-top: .625rem;
-}
+#sidebar .tab {
+  position: absolute;
+  display: inline-flex;
+  padding: 1.875rem 0 .625rem;
+  margin: 0;
+  min-height: 1.875rem;
+
+
+  .item {
+    cursor: pointer;
+    display: inline-flex;
+    font-size: $font-size-small;
+    padding: .3125rem .9375rem;
+    color: var(--grey-5);
+
+    border-radius: .625rem;
+    text-align: center;
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, .08);
+
+    the-transition(.2s, ease-out);
+
+    &:nth-child(2) {
+      margin: auto .625rem;
+    }
+
+    span {
+      display: none;
+      word-break: keep-all;
+    }
+
+    &.active span {
+      display: inherit;
+    }
+
+    &:hover,
+    &.active {
+      @extend $color-btn;
+    }
+
+
+    &.active:hover {
+      box-shadow: 0 0 .75rem var(--color-pink);
+    }
+
+    &::before {
+      font-family-icons();
+    }
+
+    &.contents::before {
+      @extend .i-list-ol:before;
+    }
+
+    &.related::before {
+      @extend .i-sitemap:before;
+    }
+
+    &.overview::before {
+      @extend .i-home:before;
+    }
+
+    &.active::before {
+      margin-right: .3125rem;
+    }
+  }
+
+}
+
+#sidebar.affix .tab {
+  padding-top: .625rem;
+}

package/source/css/_common/outline/sidebar/toc.styl

@@ -1,47 +1,47 @@
-.contents {
-  ol {
-
-    padding: 0 .125rem .3125rem .625rem;
-    text-align: left;
-
-    >ol {
-      padding-left: 0;
-    }
-  }
-
-  .toc-item {
-    font-size: $font-size-medium;
-    line-height: 1.8;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .toc-child {
-    display: none;
-  }
-
-  .active>.toc-child {
-    display: block;
-  }
-
-  .current>.toc-child {
-    display: block;
-
-    >.toc-item {
-      display: block;
-    }
-  }
-
-  .active>a {
-    color: var(--primary-color);
-  }
-
-  .current>a {
-    color: var(--primary-color);
-
-    &:hover {
-      color: var(--primary-color);
-    }
-  }
-}
+.contents {
+  ol {
+
+    padding: 0 .125rem .3125rem .625rem;
+    text-align: left;
+
+    >ol {
+      padding-left: 0;
+    }
+  }
+
+  .toc-item {
+    font-size: $font-size-medium;
+    line-height: 1.8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .toc-child {
+    display: none;
+  }
+
+  .active>.toc-child {
+    display: block;
+  }
+
+  .current>.toc-child {
+    display: block;
+
+    >.toc-item {
+      display: block;
+    }
+  }
+
+  .active>a {
+    color: var(--primary-color);
+  }
+
+  .current>a {
+    color: var(--primary-color);
+
+    &:hover {
+      color: var(--primary-color);
+    }
+  }
+}