hexo-theme-shokax 0.0.2-alpha2 → 0.0.3

package/source/css/_common/components/third-party/search.styl

@@ -1,167 +1,167 @@
-#search {
-  position: fixed;
-  background: var(--nav-bg);
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  padding: 1.25rem;
-  z-index: $zindex-4;
-  display: none;
-
-  >.inner {
-    border-radius: 0;
-    height: 100%;
-    margin: 0 auto;
-    width: 43.75rem;
-    text-shadow: none;
-
-    +mobile() {
-      width: 100%;
-    }
-    .icon,
-    .close-btn {
-      color: var(--grey-5);
-      font-size: 1.125rem;
-      padding: 0 .625rem;
-    }
-
-    .close-btn {
-      cursor: pointer;
-
-      &:hover i {
-        color: var(--grey-7);
-      }
-    }
-
-    .header {
-      display: flex;
-      background: var(--grey-1-a5);
-      border-radius: 3rem;
-      padding: .5rem 1.5rem;
-      margin-bottom: 1.25rem;
-      border: .0625rem solid var(--grey-5);
-      font-size: $font-size-large;
-      align-items: center;
-    }
-
-    .search-input-container {
-      flex-grow: 1;
-
-      form {
-        padding: .125rem;
-      }
-    }
-
-    .search-input {
-      background: transparent;
-      border: 0;
-      outline: 0;
-      width: 100%;
-
-      &::-webkit-search-cancel-button {
-        display: none;
-      }
-    }
-  }
-
-
-  .results {
-    height: calc(100% - 6.25rem);
-    padding: 1.875rem 1.875rem .3125rem;
-    border-radius: .3125rem;
-
-    background: var(--grey-1-a7) url(../images/search.png) no-repeat bottom right;
-
-    color: var(--text-color);
-
-    .inner {
-      position: relative;
-      height: 100%;
-      overflow: hidden;
-    }
-
-    hr {
-      margin: .625rem 0;
-    }
-  }
-
-}
-
-
-.algolia-powered {
-  float: right;
-  background: url('../images/algolia_logo.svg') no-repeat;
-  display: inline-block;
-  height: 1.125rem;
-  width: 4.25rem;
-  margin: .5rem auto;
-}
-
-
-#search-hits {
-  overflow-y: scroll;
-  height: calc(100% - 8.125rem);
-
-  ol {
-    padding: 0;
-  }
-
-  .item {
-    margin: .9375rem 0;
-
-    a {
-      border-bottom: .0625rem dashed var(--grey-4);
-      display: block;
-      the-transition();
-    }
-
-    span {
-      font-size: 70%;
-      display: block;
-
-      i {
-        color: var(--grey-4);
-        margin: 0 .3125rem;
-      }
-    }
-  }
-
-}
-
-
-#search-pagination {
-  ul {
-    padding: 0;
-    margin: 1.25rem 0;
-  }
-  .pagination {
-    opacity: 1;
-    padding: 0;
-  }
-
-  .pagination-item {
-    display: inline-block;
-  }
-
-  .page-number {
-    the-transition();
-  }
-
-  .current .page-number {
-    @extend .pagination .page-number.current;
-    cursor: default;
-  }
-
-  .disabled-item {
-    color: var(--grey-4);
-    cursor: default;
-
-    .page-number:hover {
-      color: var(--grey-4);
-      background: none;
-      box-shadow: none;
-    }
-
-  }
-}
+#search {
+  position: fixed;
+  background: var(--nav-bg);
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 1.25rem;
+  z-index: $zindex-4;
+  display: none;
+
+  >.inner {
+    border-radius: 0;
+    height: 100%;
+    margin: 0 auto;
+    width: 43.75rem;
+    text-shadow: none;
+
+    +mobile() {
+      width: 100%;
+    }
+    .icon,
+    .close-btn {
+      color: var(--grey-5);
+      font-size: 1.125rem;
+      padding: 0 .625rem;
+    }
+
+    .close-btn {
+      cursor: pointer;
+
+      &:hover i {
+        color: var(--grey-7);
+      }
+    }
+
+    .header {
+      display: flex;
+      background: var(--grey-1-a5);
+      border-radius: 3rem;
+      padding: .5rem 1.5rem;
+      margin-bottom: 1.25rem;
+      border: .0625rem solid var(--grey-5);
+      font-size: $font-size-large;
+      align-items: center;
+    }
+
+    .search-input-container {
+      flex-grow: 1;
+
+      form {
+        padding: .125rem;
+      }
+    }
+
+    .search-input {
+      background: transparent;
+      border: 0;
+      outline: 0;
+      width: 100%;
+
+      &::-webkit-search-cancel-button {
+        display: none;
+      }
+    }
+  }
+
+
+  .results {
+    height: calc(100% - 6.25rem);
+    padding: 1.875rem 1.875rem .3125rem;
+    border-radius: .3125rem;
+
+    background: var(--grey-1-a7) url(../images/search.png) no-repeat bottom right;
+
+    color: var(--text-color);
+
+    .inner {
+      position: relative;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    hr {
+      margin: .625rem 0;
+    }
+  }
+
+}
+
+
+.algolia-powered {
+  float: right;
+  background: url('../images/algolia_logo.svg') no-repeat;
+  display: inline-block;
+  height: 1.125rem;
+  width: 4.25rem;
+  margin: .5rem auto;
+}
+
+
+#search-hits {
+  overflow-y: scroll;
+  height: calc(100% - 8.125rem);
+
+  ol {
+    padding: 0;
+  }
+
+  .item {
+    margin: .9375rem 0;
+
+    a {
+      border-bottom: .0625rem dashed var(--grey-4);
+      display: block;
+      the-transition();
+    }
+
+    span {
+      font-size: 70%;
+      display: block;
+
+      i {
+        color: var(--grey-4);
+        margin: 0 .3125rem;
+      }
+    }
+  }
+
+}
+
+
+#search-pagination {
+  ul {
+    padding: 0;
+    margin: 1.25rem 0;
+  }
+  .pagination {
+    opacity: 1;
+    padding: 0;
+  }
+
+  .pagination-item {
+    display: inline-block;
+  }
+
+  .page-number {
+    the-transition();
+  }
+
+  .current .page-number {
+    @extend .pagination .page-number.current;
+    cursor: default;
+  }
+
+  .disabled-item {
+    color: var(--grey-4);
+    cursor: default;
+
+    .page-number:hover {
+      color: var(--grey-4);
+      background: none;
+      box-shadow: none;
+    }
+
+  }
+}

package/source/css/_common/components/third-party/theme.styl

@@ -1,151 +1,151 @@
-#neko {
-  @extend $fix-fullscreen;
-  display: none;
-  background: linear-gradient(to top, #fddb92 0%, #d1fdff 80%);
-
-  .planet {
-    position: fixed;
-    left: -50%;
-    top: -50%;
-    width: 200%;
-    height: 200%;
-    animation: rotate 2s cubic-bezier(.7, 0, 0, 1);
-    transform-origin: center bottom;
-  }
-
-  &:before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    opacity: 0;
-    background: linear-gradient(to top, #30cfd0 0%, #330867 100%);
-    transition: 2s ease all;
-  }
-
-  .sun, .moon {
-    position: absolute;
-    border-radius: 100%;
-    left: 55%;
-    top: 32%;
-  }
-
-  .sun {
-    height: 40px;
-    width: 40px;
-    background: #ffee94;
-    box-shadow: 0 0 40px #ffee94;
-    opacity: 1;
-  }
-
-  .moon {
-    height: 24px;
-    width: 24px;
-    background: #eee;
-    box-shadow: 0 0 20px #fff;
-    opacity: 0;
-  }
-
-  .body {
-    display: block;
-    position: absolute;
-    bottom: -20px;
-    height: 140px;
-    width: 135px;
-    left: 50%;
-    margin-left: -100px;
-    background: #777;
-    transition: all .25s ease-in-out;
-    animation: slideUpBigIn 1s;
-
-    &:before, &:after  {
-      position: absolute;
-      content: "";
-      width: 0;
-      height: 0;
-      border-bottom: 20px solid #777;
-      top: -20px;
-      transition: all .25s ease-in-out;
-    }
-    &:before {
-      border-left: 0 solid transparent;
-      border-right: 30px solid transparent;
-      left: 0;
-    }
-    &:after {
-      border-right: 0 solid transparent;
-      border-left: 30px solid transparent;
-      right: 0;
-    }
-
-    .eyes {
-      display: block;
-      position: absolute;
-      background: #ffee94;
-      height: 40px;
-      width: 40px;
-      border-radius: 100%;
-      bottom: 80px;
-    }
-
-    .eyes.left {
-      left: 12px;
-    }
-
-    .eyes.right {
-      right: 12px;
-    }
-
-    .eyes .pupil, .nose {
-      display: block;
-      position: relative;
-      background: #ffb399;
-      border-radius: 100%;
-      margin: 0 auto;
-    }
-
-    .eyes .pupil {
-      height: 100%;
-      width: 5px;
-      transition: width 1s .5s ease-in-out;
-    }
-
-    .nose {
-      top: 45px;
-      height: 10px;
-      width: 10px;
-    }
-  }
-
-  &.dark {
-    &:before {
-      opacity: 1;
-    }
-
-    .sun {
-      opacity: 0;
-    }
-
-    .moon {
-      opacity: 1;
-    }
-
-    .body {
-      background: #444;
-      &:before {
-        border-bottom: 20px solid #444;
-      }
-      &:after {
-        border-bottom: 20px solid #444;
-      }
-
-      .eyes .pupil {
-        height: 90%;
-        width: 34px;
-        margin: 5% auto;
-      }
-    }
-  }
-}
+#neko {
+  @extend $fix-fullscreen;
+  display: none;
+  background: linear-gradient(to top, #fddb92 0%, #d1fdff 80%);
+
+  .planet {
+    position: fixed;
+    left: -50%;
+    top: -50%;
+    width: 200%;
+    height: 200%;
+    animation: rotate 2s cubic-bezier(.7, 0, 0, 1);
+    transform-origin: center bottom;
+  }
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    opacity: 0;
+    background: linear-gradient(to top, #30cfd0 0%, #330867 100%);
+    transition: 2s ease all;
+  }
+
+  .sun, .moon {
+    position: absolute;
+    border-radius: 100%;
+    left: 55%;
+    top: 32%;
+  }
+
+  .sun {
+    height: 40px;
+    width: 40px;
+    background: #ffee94;
+    box-shadow: 0 0 40px #ffee94;
+    opacity: 1;
+  }
+
+  .moon {
+    height: 24px;
+    width: 24px;
+    background: #eee;
+    box-shadow: 0 0 20px #fff;
+    opacity: 0;
+  }
+
+  .body {
+    display: block;
+    position: absolute;
+    bottom: -20px;
+    height: 140px;
+    width: 135px;
+    left: 50%;
+    margin-left: -100px;
+    background: #777;
+    transition: all .25s ease-in-out;
+    animation: slideUpBigIn 1s;
+
+    &:before, &:after  {
+      position: absolute;
+      content: "";
+      width: 0;
+      height: 0;
+      border-bottom: 20px solid #777;
+      top: -20px;
+      transition: all .25s ease-in-out;
+    }
+    &:before {
+      border-left: 0 solid transparent;
+      border-right: 30px solid transparent;
+      left: 0;
+    }
+    &:after {
+      border-right: 0 solid transparent;
+      border-left: 30px solid transparent;
+      right: 0;
+    }
+
+    .eyes {
+      display: block;
+      position: absolute;
+      background: #ffee94;
+      height: 40px;
+      width: 40px;
+      border-radius: 100%;
+      bottom: 80px;
+    }
+
+    .eyes.left {
+      left: 12px;
+    }
+
+    .eyes.right {
+      right: 12px;
+    }
+
+    .eyes .pupil, .nose {
+      display: block;
+      position: relative;
+      background: #ffb399;
+      border-radius: 100%;
+      margin: 0 auto;
+    }
+
+    .eyes .pupil {
+      height: 100%;
+      width: 5px;
+      transition: width 1s .5s ease-in-out;
+    }
+
+    .nose {
+      top: 45px;
+      height: 10px;
+      width: 10px;
+    }
+  }
+
+  &.dark {
+    &:before {
+      opacity: 1;
+    }
+
+    .sun {
+      opacity: 0;
+    }
+
+    .moon {
+      opacity: 1;
+    }
+
+    .body {
+      background: #444;
+      &:before {
+        border-bottom: 20px solid #444;
+      }
+      &:after {
+        border-bottom: 20px solid #444;
+      }
+
+      .eyes .pupil {
+        height: 90%;
+        width: 34px;
+        margin: 5% auto;
+      }
+    }
+  }
+}

package/source/css/_common/components/third-party/third-party.styl

@@ -1,22 +1,22 @@
-@import 'pace';
-@import 'loading';
-@import 'search';
-@import 'theme';
-@import 'widgets';
-
-.katex,
-.katex-display {
-    user-select: all;
-}
-
-.medium-zoom-overlay {
-  z-index: $zindex-5 - 1;
-}
-
-.medium-zoom-image--opened {
-  z-index: $zindex-5;
-}
-
-.lozaded {
-  @extend .blur;
-}
+@import 'pace';
+@import 'loading';
+@import 'search';
+@import 'theme';
+@import 'widgets';
+
+.katex,
+.katex-display {
+    user-select: all;
+}
+
+.medium-zoom-overlay {
+  z-index: $zindex-5 - 1;
+}
+
+.medium-zoom-image--opened {
+  z-index: $zindex-5;
+}
+
+.lozaded {
+  @extend .blur;
+}