hexo-theme-shokax 0.4.5 → 0.4.6-beta1

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

@@ -1,78 +1,78 @@
-#container {
-  min-height: 100%;
-  min-width: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-
-
-.inner {
-  margin: 0 auto;
-  width: 100%;
-}
-
-main {
-  background: linear-gradient(to top, var(--body-bg-shadow) 0, var(--grey-1) 20%) no-repeat bottom;
-
-  >.inner {
-    width: $content-desktop;
-    align-items: flex-start;
-    display: flex;
-    justify-content: space-between;
-    if (hexo-config('sidebar.position') == 'left') {
-      flex-direction: row-reverse;
-    }
-
-    +desktop-large() {
-      width: $content-desktop-large;
-    }
-
-    +desktop-largest() {
-      width: $content-desktop-largest;
-    }
-  }
-
-}
-
-#main {
-  background: linear-gradient(to top, var(--grey-0) 0, var(--grey-1) 20%) no-repeat top;
-  box-shadow: 0 1.25rem 1rem .3125rem var(--body-bg-shadow);
-
-  width: $content-wrap;
-
-  min-height: 37.5rem;
-
-  .cat {
-    margin-top: 10rem;
-  }
-
-  .wrap {
-    position: relative;
-    padding: $content-desktop-padding;
-  }
-
-  .wrap:nth-child(1) {
-    margin-bottom: 1.25rem;
-  }
-
-  +tablet-mobile() {
-    width: 100%;
-
-    .wrap {
-      padding: $content-tablet-padding;
-    }
-  }
-
-  +mobile() {
-    .wrap {
-      padding: $content-mobile-padding;
-    }
-  }
-}
-
-@import 'header';
-@import 'sidebar';
-@import 'footer';
-
-@import 'mobile';
+#container {
+  min-height: 100%;
+  min-width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+
+.inner {
+  margin: 0 auto;
+  width: 100%;
+}
+
+main {
+  background: linear-gradient(to top, var(--body-bg-shadow) 0, var(--grey-1) 20%) no-repeat bottom;
+
+  >.inner {
+    width: $content-desktop;
+    align-items: flex-start;
+    display: flex;
+    justify-content: space-between;
+    if (hexo-config('sidebar.position') == 'left') {
+      flex-direction: row-reverse;
+    }
+
+    +desktop-large() {
+      width: $content-desktop-large;
+    }
+
+    +desktop-largest() {
+      width: $content-desktop-largest;
+    }
+  }
+
+}
+
+#main {
+  background: linear-gradient(to top, var(--grey-0) 0, var(--grey-1) 20%) no-repeat top;
+  box-shadow: 0 1.25rem 1rem .3125rem var(--body-bg-shadow);
+
+  width: $content-wrap;
+
+  min-height: 37.5rem;
+
+  .cat {
+    margin-top: 10rem;
+  }
+
+  .wrap {
+    position: relative;
+    padding: $content-desktop-padding;
+  }
+
+  .wrap:nth-child(1) {
+    margin-bottom: 1.25rem;
+  }
+
+  +tablet-mobile() {
+    width: 100%;
+
+    .wrap {
+      padding: $content-tablet-padding;
+    }
+  }
+
+  +mobile() {
+    .wrap {
+      padding: $content-mobile-padding;
+    }
+  }
+}
+
+@import 'header';
+@import 'sidebar';
+@import 'footer';
+
+@import 'mobile';

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

@@ -1,59 +1,59 @@
-.overview .author {
-
-  &:hover .image {
-    @extend .shake;
-  }
-
-  .image {
-    border: .0625rem solid var(--body-bg-shadow);
-    display: block;
-    margin: 0 auto;
-    max-width: 10rem;
-    padding: .125rem;
-    box-shadow: 0 0 1rem .625rem var(--body-bg-shadow);
-    border-radius: 50%;
-  }
-
-
-  .name {
-    color: var(--grey-7);
-    font-weight: normal;
-    margin: .3125rem 0 0;
-    text-align: center;
-  }
-
-  .description {
-    color: var(--grey-5);
-    font-size: $font-size-medium;
-    margin-top: .3125rem;
-    text-align: center;
-  }
-}
-
-@keyframes shake {
-  0% {
-    transform: scale(1);
-  }
-
-  10%,
-  20% {
-    transform: scale(.9) rotate(3deg);
-  }
-
-  30%,
-  50%,
-  70%,
-  90% {
-    transform: scale(1.1) rotate(-3deg);
-  }
-
-  40%,
-  60%,
-  80% {
-    transform: scale(1.1) rotate(3deg);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
+.overview .author {
+
+  &:hover .image {
+    @extend .shake;
+  }
+
+  .image {
+    border: .0625rem solid var(--body-bg-shadow);
+    display: block;
+    margin: 0 auto;
+    max-width: 10rem;
+    padding: .125rem;
+    box-shadow: 0 0 1rem .625rem var(--body-bg-shadow);
+    border-radius: 50%;
+  }
+
+
+  .name {
+    color: var(--grey-7);
+    font-weight: normal;
+    margin: .3125rem 0 0;
+    text-align: center;
+  }
+
+  .description {
+    color: var(--grey-5);
+    font-size: $font-size-medium;
+    margin-top: .3125rem;
+    text-align: center;
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: scale(1);
+  }
+
+  10%,
+  20% {
+    transform: scale(.9) rotate(3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: scale(1.1) rotate(-3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    transform: scale(1.1) rotate(3deg);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}

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

@@ -1,23 +1,23 @@
-.dimmer {
-  display: none;
-}
-
-+tablet-mobile() {
-  .dimmer {
-    background: black;
-    height: 100%;
-    left: 100%;
-    opacity: 0;
-    top: 0;
-    width: 100%;
-    z-index: $zindex-2;
-    transition: opacity 1s;
-  }
-
-  #sidebar.on + .dimmer {
-    position: fixed;
-    display: block;
-    opacity: .3;
-    transform: translateX(-100%);
-  }
-}
+.dimmer {
+  display: none;
+}
+
++tablet-mobile() {
+  .dimmer {
+    background: black;
+    height: 100%;
+    left: 100%;
+    opacity: 0;
+    top: 0;
+    width: 100%;
+    z-index: $zindex-2;
+    transition: opacity 1s;
+  }
+
+  #sidebar.on + .dimmer {
+    position: fixed;
+    display: block;
+    opacity: .3;
+    transform: translateX(-100%);
+  }
+}

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

@@ -1,63 +1,63 @@
-.overview .menu {
-  padding: 1.25rem;
-  margin: 0;
-
-  background-color: transparent;
-
-  .item {
-    border-radius: .9375rem;
-    margin-bottom: .625rem;
-    display: block;
-    color: var(--grey-5);
-    the-transition();
-
-    a {
-      color: inherit;
-      display: block;
-      line-height: 3;
-    }
-
-    .submenu {
-      display: none;
-      padding: 0;
-      @extend .slide-down-in;
-    }
-
-    &:hover {
-      background-color: rgba(0,0,0,.1);
-      color: inherit;
-
-      .submenu {
-        display: block;
-      }
-    }
-
-    .ic {
-      margin-right: .625rem;
-    }
-
-    &.active {
-      @extend $color-btn;
-
-      &:hover {
-        box-shadow: 0 0 .75rem var(--color-pink);
-        color: var(--grey-0);
-      }
-
-      .item {
-        color: currentColor;
-      }
-    }
-
-
-    &.expand {
-      background-color: rgba(0,0,0,.05);
-
-      .submenu {
-        display: block;
-      }
-
-    }
-
-  }
-}
+.overview .menu {
+  padding: 1.25rem;
+  margin: 0;
+
+  background-color: transparent;
+
+  .item {
+    border-radius: .9375rem;
+    margin-bottom: .625rem;
+    display: block;
+    color: var(--grey-5);
+    the-transition();
+
+    a {
+      color: inherit;
+      display: block;
+      line-height: 3;
+    }
+
+    .submenu {
+      display: none;
+      padding: 0;
+      @extend .slide-down-in;
+    }
+
+    &:hover {
+      background-color: rgba(0,0,0,.1);
+      color: inherit;
+
+      .submenu {
+        display: block;
+      }
+    }
+
+    .ic {
+      margin-right: .625rem;
+    }
+
+    &.active {
+      @extend $color-btn;
+
+      &:hover {
+        box-shadow: 0 0 .75rem var(--color-pink);
+        color: var(--grey-0);
+      }
+
+      .item {
+        color: currentColor;
+      }
+    }
+
+
+    &.expand {
+      background-color: rgba(0,0,0,.05);
+
+      .submenu {
+        display: block;
+      }
+
+    }
+
+  }
+}

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

@@ -1,43 +1,43 @@
-#quick {
-  display: none;
-  align-items: center;
-  flex-wrap: wrap;
-  width: $sidebar-desktop;
-  margin: 0;
-  padding: 0;
-  position: fixed;
-  bottom: .125rem;
-
-  li {
-    width: 25%;
-    min-height: 1.875rem;
-    the-transition();
-
-    i {
-      cursor: pointer;
-    }
-
-    a {
-      width: 100%;
-      display: block;
-    }
-
-    &:hover {
-      color: var(--primary-color);
-    }
-  }
-
-  li.percent {
-    display: block;
-    background: var(--primary-color);
-    width: 0;
-    min-height: .125rem;
-  }
-}
-
-#sidebar.affix, #sidebar.on {
-  #quick {
-    display: flex;
-  }
-}
-
+#quick {
+  display: none;
+  align-items: center;
+  flex-wrap: wrap;
+  width: $sidebar-desktop;
+  margin: 0;
+  padding: 0;
+  position: fixed;
+  bottom: .125rem;
+
+  li {
+    width: 25%;
+    min-height: 1.875rem;
+    the-transition();
+
+    i {
+      cursor: pointer;
+    }
+
+    a {
+      width: 100%;
+      display: block;
+    }
+
+    &:hover {
+      color: var(--primary-color);
+    }
+  }
+
+  li.percent {
+    display: block;
+    background: var(--primary-color);
+    width: 0;
+    min-height: .125rem;
+  }
+}
+
+#sidebar.affix, #sidebar.on {
+  #quick {
+    display: flex;
+  }
+}
+

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

@@ -1,56 +1,56 @@
-.related {
-  font-size: $font-size-small;
-
-  ul {
-
-    padding: 0 .125rem .3125rem 1.25rem;
-    text-align: left;
-
-    li {
-      position: relative;
-      line-height: 1.8;
-      padding-bottom: .625rem;
-
-      a {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        width: 100%;
-        display: inline-block;
-      }
-
-      &.active a {
-        color: var(--primary-color);
-      }
-
-      &::before {
-        content: "";
-        width: .5rem;
-        height: .5rem;
-        background: var(--primary-color);
-        box-sizing: unset;
-        left: -1.25rem;
-        top: .3125rem;
-        border-radius: 100%;
-        position: absolute;
-        border: .1875rem solid var(--grey-1);
-        z-index: $zindex-1;
-        the-transition();
-      }
-
-      &:hover::before {
-        background: var(--color-blue);
-      }
-
-      &:not(:last-child)::after {
-        content: "";
-        height: 100%;
-        width: .125rem;
-        background: var(--color-red-a3);
-        position: absolute;
-        left: -.875rem;
-        top: .5rem;
-      }
-    }
-  }
-}
+.related {
+  font-size: $font-size-small;
+
+  ul {
+
+    padding: 0 .125rem .3125rem 1.25rem;
+    text-align: left;
+
+    li {
+      position: relative;
+      line-height: 1.8;
+      padding-bottom: .625rem;
+
+      a {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        width: 100%;
+        display: inline-block;
+      }
+
+      &.active a {
+        color: var(--primary-color);
+      }
+
+      &::before {
+        content: "";
+        width: .5rem;
+        height: .5rem;
+        background: var(--primary-color);
+        box-sizing: unset;
+        left: -1.25rem;
+        top: .3125rem;
+        border-radius: 100%;
+        position: absolute;
+        border: .1875rem solid var(--grey-1);
+        z-index: $zindex-1;
+        the-transition();
+      }
+
+      &:hover::before {
+        background: var(--color-blue);
+      }
+
+      &:not(:last-child)::after {
+        content: "";
+        height: 100%;
+        width: .125rem;
+        background: var(--color-red-a3);
+        position: absolute;
+        left: -.875rem;
+        top: .5rem;
+      }
+    }
+  }
+}