hexo-theme-shokax 0.0.2-alpha1 → 0.0.2-alpha3

package/source/css/_common/components/post/header.styl

@@ -1,79 +1,79 @@
-.post header {
-  font-size: $font-size-large;
-  margin-bottom: .625rem;
-
-
-  .title {
-    font-size: $font-size-largest;
-    margin: initial;
-    text-align: center;
-    word-wrap();
-    padding-bottom: .625rem;
-  }
-
-
-  .link {
-    display: inline-block;
-    position: relative;
-    vertical-align: top;
-
-    .i-link-alt {
-      font-size: $font-size-small;
-      margin-left: .3125rem;
-    }
-  }
-
-  .meta {
-    text-align: center;
-    border-top: .0625rem dashed var(--grey-9-a1);
-    font-family: $font-family-posts;
-  }
-
-}
-
-
-.post .meta {
-    color: var(--grey-5);
-    font-size: $font-size-smallest;
-    text-align: right;
-
-    .item {
-      //border-radius: .625rem;
-      //padding: 0 .625rem;
-      display: inline-block;
-      //margin-bottom: .3125rem;
-      margin-right: .625rem;
-      //the-transition();
-    }
-
-    /*.item:nth-child(1) {
-      background-color: var(--color-red-a1);
-      color: var(--color-red);
-      &:hover {
-        background-color: var(--color-red-a3);
-      }
-    }
-    .item:nth-child(2) {
-      background-color: alpha($blue,.15);
-      color: $blue;
-      &:hover {
-        background-color: alpha($blue,.3);
-      }
-    }
-    .item:nth-child(3) {
-      background-color: alpha($orange,.15);
-      color: $orange;
-      &:hover {
-        background-color: alpha($orange ,.3);
-      }
-    }*/
-
-    .icon {
-      margin-right: .1875rem;
-
-      +tablet-mobile() {
-        display: inline-block;
-      }
-    }
-
-  }
+.post header {
+  font-size: $font-size-large;
+  margin-bottom: .625rem;
+
+
+  .title {
+    font-size: $font-size-largest;
+    margin: initial;
+    text-align: center;
+    word-wrap();
+    padding-bottom: .625rem;
+  }
+
+
+  .link {
+    display: inline-block;
+    position: relative;
+    vertical-align: top;
+
+    .i-link-alt {
+      font-size: $font-size-small;
+      margin-left: .3125rem;
+    }
+  }
+
+  .meta {
+    text-align: center;
+    border-top: .0625rem dashed var(--grey-9-a1);
+    font-family: $font-family-posts;
+  }
+
+}
+
+
+.post .meta {
+    color: var(--grey-5);
+    font-size: $font-size-smallest;
+    text-align: right;
+
+    .item {
+      //border-radius: .625rem;
+      //padding: 0 .625rem;
+      display: inline-block;
+      //margin-bottom: .3125rem;
+      margin-right: .625rem;
+      //the-transition();
+    }
+
+    /*.item:nth-child(1) {
+      background-color: var(--color-red-a1);
+      color: var(--color-red);
+      &:hover {
+        background-color: var(--color-red-a3);
+      }
+    }
+    .item:nth-child(2) {
+      background-color: alpha($blue,.15);
+      color: $blue;
+      &:hover {
+        background-color: alpha($blue,.3);
+      }
+    }
+    .item:nth-child(3) {
+      background-color: alpha($orange,.15);
+      color: $orange;
+      &:hover {
+        background-color: alpha($orange ,.3);
+      }
+    }*/
+
+    .icon {
+      margin-right: .1875rem;
+
+      +tablet-mobile() {
+        display: inline-block;
+      }
+    }
+
+  }

package/source/css/_common/components/post/nav.styl

@@ -1,63 +1,63 @@
-.post-nav {
-  display: flex;
-  margin-bottom: 1rem;
-
-  +mobile() {
-    flex-direction: column;
-  }
-
-  .item {
-    width: 50%;
-    +mobile() {
-      width: 100%;
-    }
-
-    a {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      color: var(--header-text-color);
-      padding: 1.25rem 2.5rem;
-      background-size: cover;
-      position: relative;
-
-      &::before {
-        content: "";
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(135deg,#434343,#000);
-        opacity: .5;
-        the-transition();
-        z-index: -1;
-        top: 0;
-        left: 0;
-      }
-
-      &:hover {
-        &::before {
-          opacity: .4;
-        }
-      }
-    }
-
-    span {
-      font-size: $font-size-smaller;
-    }
-
-    &.left {
-      span, h3 {
-        align-self: flex-start;
-      }
-    }
-
-    &.right {
-      span, h3 {
-        align-self: flex-end;
-        text-align: right;
-      }
-    }
-
-  }
-
-}
+.post-nav {
+  display: flex;
+  margin-bottom: 1rem;
+
+  +mobile() {
+    flex-direction: column;
+  }
+
+  .item {
+    width: 50%;
+    +mobile() {
+      width: 100%;
+    }
+
+    a {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      color: var(--header-text-color);
+      padding: 1.25rem 2.5rem;
+      background-size: cover;
+      position: relative;
+
+      &::before {
+        content: "";
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(135deg,#434343,#000);
+        opacity: .5;
+        the-transition();
+        z-index: -1;
+        top: 0;
+        left: 0;
+      }
+
+      &:hover {
+        &::before {
+          opacity: .4;
+        }
+      }
+    }
+
+    span {
+      font-size: $font-size-smaller;
+    }
+
+    &.left {
+      span, h3 {
+        align-self: flex-start;
+      }
+    }
+
+    &.right {
+      span, h3 {
+        align-self: flex-end;
+        text-align: right;
+      }
+    }
+
+  }
+
+}

package/source/css/_common/components/post/post.styl

@@ -1,29 +1,29 @@
-.post.block {
-  padding: 0 2rem;
-}
-
-.md {
-  font-family: $font-family-posts;
-  word-wrap();
-
-  .exturl .ic {
-    font-size: $font-size-small;
-    margin-left: .25rem;
-  }
-
-  .button {
-    margin-top: 2.5rem;
-    text-align: center;
-  }
-}
-
-
-@import 'breadcrumb';
-@import 'header';
-@import 'nav';
-@import 'expand';
-@import 'rtl';
-@import 'footer';
-@import 'tags';
-@import 'reward';
-@import 'copyright';
+.post.block {
+  padding: 0 2rem;
+}
+
+.md {
+  font-family: $font-family-posts;
+  word-wrap();
+
+  .exturl .ic {
+    font-size: $font-size-small;
+    margin-left: .25rem;
+  }
+
+  .button {
+    margin-top: 2.5rem;
+    text-align: center;
+  }
+}
+
+
+@import 'breadcrumb';
+@import 'header';
+@import 'nav';
+@import 'expand';
+@import 'rtl';
+@import 'footer';
+@import 'tags';
+@import 'reward';
+@import 'copyright';

package/source/css/_common/components/post/reward.styl

@@ -1,50 +1,50 @@
-.reward {
-  margin: 1.25rem auto;
-  padding: .625rem 0;
-  text-align: center;
-
-  button {
-    background: var(--primary-color);
-    border: 0;
-    border-radius: .3125rem;
-    color: var(--grey-0);
-    cursor: pointer;
-    line-height: 2;
-    outline: 0;
-    padding: 0 .9375rem;
-    vertical-align: text-top;
-
-    &:hover {
-      background: var(--primary-color);
-    }
-
-    i {
-      margin-right: .3125rem;
-    }
-  }
-
-  p {
-    font-size: $font-size-smaller;
-    color: var(--grey-5);
-    margin: 0;
-  }
-}
-
-#qr {
-  padding-top: 1.25rem;
-  display: none;
-
-  a {
-    border: 0;
-  }
-
-  img {
-    display: inline-block;
-    max-width: 100%;
-  }
-
-  p {
-    text-align: center;
-  }
-
-}
+.reward {
+  margin: 1.25rem auto;
+  padding: .625rem 0;
+  text-align: center;
+
+  button {
+    background: var(--primary-color);
+    border: 0;
+    border-radius: .3125rem;
+    color: var(--grey-0);
+    cursor: pointer;
+    line-height: 2;
+    outline: 0;
+    padding: 0 .9375rem;
+    vertical-align: text-top;
+
+    &:hover {
+      background: var(--primary-color);
+    }
+
+    i {
+      margin-right: .3125rem;
+    }
+  }
+
+  p {
+    font-size: $font-size-smaller;
+    color: var(--grey-5);
+    margin: 0;
+  }
+}
+
+#qr {
+  padding-top: 1.25rem;
+  display: none;
+
+  a {
+    border: 0;
+  }
+
+  img {
+    display: inline-block;
+    max-width: 100%;
+  }
+
+  p {
+    text-align: center;
+  }
+
+}

package/source/css/_common/components/post/rtl.styl

@@ -1,12 +1,12 @@
-.rtl {
-  &.body {
-    p, a, h1, h2, h3, h4, h5, h6, li, ul, ol {
-      direction: rtl;
-      font-family: UKIJ Ekran;
-    }
-  }
-
-  &.title {
-    font-family: UKIJ Ekran;
-  }
-}
+.rtl {
+  &.body {
+    p, a, h1, h2, h3, h4, h5, h6, li, ul, ol {
+      direction: rtl;
+      font-family: UKIJ Ekran;
+    }
+  }
+
+  &.title {
+    font-family: UKIJ Ekran;
+  }
+}

package/source/css/_common/components/post/tags.styl

@@ -1,39 +1,39 @@
-.post .tags {
-  text-align: left;
-  margin-top: .625rem;
-  font-size: $font-size-smallest;
-
-  a {
-    display: inline-block;
-    position: relative;
-    padding: 0 .3125rem;
-    border-radius: .3125rem;
-    background: var(--note-bg);
-    color: var(--note-text);
-
-    &:not(:last-child) {
-      margin-right: .625rem;
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      bottom: 0;
-      height: 100%;
-      width: 0;
-      right: 0;
-      background: var(--color-red-a1);
-      border-radius: .25rem;
-      the-transition();
-    }
-
-    &:hover {
-      color: var(--primary-color);
-
-      &:before {
-        width: 104%;
-        left: -2%;
-      }
-    }
-  }
-}
+.post .tags {
+  text-align: left;
+  margin-top: .625rem;
+  font-size: $font-size-smallest;
+
+  a {
+    display: inline-block;
+    position: relative;
+    padding: 0 .3125rem;
+    border-radius: .3125rem;
+    background: var(--note-bg);
+    color: var(--note-text);
+
+    &:not(:last-child) {
+      margin-right: .625rem;
+    }
+
+    &:before {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      height: 100%;
+      width: 0;
+      right: 0;
+      background: var(--color-red-a1);
+      border-radius: .25rem;
+      the-transition();
+    }
+
+    &:hover {
+      color: var(--primary-color);
+
+      &:before {
+        width: 104%;
+        left: -2%;
+      }
+    }
+  }
+}

package/source/css/_common/components/tags/collapse.styl

@@ -1,72 +1,72 @@
-::-webkit-details-marker {
-  display: none;
-}
-
-details{
-  > summary:first-of-type {
-    list-style-type: none;
-  }
-
-  summary {
-    outline: none;
-    cursor: pointer;
-    padding: .625rem;
-    background: var(--note-bg, none);
-    border-radius: .25rem;
-    transition: all .4s ease;
-
-    &::before {
-      font-family-icons();
-      @extend .i-angle-right:before;
-      color: var(--grey-4);
-      margin-right: .5rem;
-    }
-  }
-
-  > div {
-    padding: .625rem;
-  }
-
-  &.primary, &.info, &.success, &.warning, &.danger {
-    margin: 0 0 .8rem;
-    summary {
-      color: var(--note-text);
-      &::before {
-        color: var(--note-text);
-      }
-    }
-  }
-}
-
-details[open] {
-  background: var(--note-bg, none);
-  border-radius: .25rem;
-  color: var(--grey-6);
-
-  summary {
-    background: var(--note-hover, var(--grey-2));
-    border-radius: .25rem;
-
-    &::before {
-      @extend .i-angle-down:before;
-      color: var(--primary-color);
-    }
-  }
-
-  > div {
-    margin: 0 0 .8rem;
-    @extend .fade-in;
-  }
-
-  &.primary, &.info, &.success, &.warning, &.danger {
-    color: var(--note-text);
-    > summary {
-      color: #FFF;
-      border-radius: .25rem .25rem 0 0;
-
-      &::before {
-        color: #FFF;
-      }
-    }
-  }
-}
+::-webkit-details-marker {
+  display: none;
+}
+
+details{
+  > summary:first-of-type {
+    list-style-type: none;
+  }
+
+  summary {
+    outline: none;
+    cursor: pointer;
+    padding: .625rem;
+    background: var(--note-bg, none);
+    border-radius: .25rem;
+    transition: all .4s ease;
+
+    &::before {
+      font-family-icons();
+      @extend .i-angle-right:before;
+      color: var(--grey-4);
+      margin-right: .5rem;
+    }
+  }
+
+  > div {
+    padding: .625rem;
+  }
+
+  &.primary, &.info, &.success, &.warning, &.danger {
+    margin: 0 0 .8rem;
+    summary {
+      color: var(--note-text);
+      &::before {
+        color: var(--note-text);
+      }
+    }
+  }
+}
+
+details[open] {
+  background: var(--note-bg, none);
+  border-radius: .25rem;
+  color: var(--grey-6);
+
+  summary {
+    background: var(--note-hover, var(--grey-2));
+    border-radius: .25rem;
+
+    &::before {
+      @extend .i-angle-down:before;
+      color: var(--primary-color);
+    }
+  }
+
+  > div {
+    margin: 0 0 .8rem;
+    @extend .fade-in;
+  }
+
+  &.primary, &.info, &.success, &.warning, &.danger {
+    color: var(--note-text);
+    > summary {
+      color: #FFF;
+      border-radius: .25rem .25rem 0 0;
+
+      &::before {
+        color: #FFF;
+      }
+    }
+  }
+}