hexo-theme-shokax 0.0.2-alpha2 → 0.0.2-alpha3

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

@@ -1,200 +1,200 @@
-$check {
-  &::before {
-    color: var(--color-green);
-  }
-
-  &::after {
-    @extend .i-check:before;
-    color: var(--color-green);
-    animation: fadeIn .5s;
-  }
-}
-
-$times {
-  &::before {
-    color: var(--color-red);
-  }
-
-  &::after {
-    @extend .i-times:before;
-    color: var(--color-red);
-    animation: fadeIn .5s;
-  }
-}
-
-.md ol>li.quiz {
-  margin: .625rem 0;
-
-  &::before{
-    counter-increment: counter;
-    content: counter(counter) ".";
-    position: absolute;
-    color: var(--primary-color);
-    text-align: right;
-    width: 2rem;
-    left: -2.2rem;
-    height: auto;
-    background: none !important;
-    border: none !important;
-    font-size: $font-size-base;
-  }
-
-  >p {
-    margin: 0;
-    cursor: pointer;
-
-    &:first-child::before {
-      content: "[" attr(data-type) "]";
-      font-size: $font-size-smallest;
-      color: var(--grey-4);
-      margin: auto .3125rem;
-    }
-  }
-
-  &.mistake >p {
-    &:first-child::before {
-      color: var(--primary-color);
-    }
-  }
-  .gap {
-    display: inline-block;
-    min-width: 2.5rem;
-    text-align: center;
-    padding: 0 .625rem;
-    text-indent: -624.9375rem;
-
-    &::after {
-      display: block;
-      content: "";
-      background: var(--text-color);
-      width: calc(100% + 1.25rem);
-      height: .0625rem;
-      margin-bottom: -.0625rem;
-      margin-left: -.625rem;
-    }
-  }
-
-  &.show.fill .gap{
-    text-indent: 0;
-  }
-
-  &::before, &::after {
-    the-transition();
-  }
-
-  blockquote {
-    display: none;
-
-    .mistake {
-      display: block;
-      border: .1875rem dashed var(--grey-4);
-      padding: .625rem 1.25rem;
-      background: var(--grey-3);
-      margin: .3125rem;
-
-      &::before {
-        display: block;
-        content: "[" attr(data-type) "]";
-        font-size: $font-size-smaller;
-        color: var(--grey-4);
-      }
-    }
-  }
-
-  .note {
-    display: none;
-    padding: 0;
-    margin: 0;
-    background: none;
-    border: none;
-    border-radius: inherit;
-    color: unset;
-    font-size: inherit;
-    filter: unset;
-  }
-
-  &.show blockquote, &.show .note {
-    display: block;
-    @extend .slide;
-  }
-
-  ul.options {
-    padding-inline-start: .625rem;
-
-    li {
-
-      &::before {
-        color: var(--color-grey);
-        margin-right: .625rem;
-        the-transition();
-        li-nodot();
-      }
-
-      &:nth-child(1)::before {
-        content: "A."
-      }
-
-      &:nth-child(2)::before {
-        content: "B."
-      }
-
-      &:nth-child(3)::before {
-        content: "C."
-      }
-
-      &:nth-child(4)::before {
-        content: "D."
-      }
-
-      &:nth-child(5)::before {
-        content: "E."
-      }
-
-    }
-  }
-
-  >ul.options {
-    li {
-      cursor: pointer;
-
-      &::after {
-        font-family-icons();
-        position: absolute;
-        left: -1.5625rem;
-        top: 0;
-      }
-
-      &.right {
-        @extend $check;
-      }
-
-      &.wrong {
-        @extend $times;
-      }
-    }
-  }
-
-  &.show.false, &.show.true {
-    &::before {
-      visibility: hidden;
-    }
-
-    &::after {
-      font-family-icons();
-      position: absolute;
-      left: -1.2rem;
-      top: .25rem;
-    }
-  }
-
-  &.show.true {
-    @extend $check;
-  }
-
-  &.show.false {
-    @extend $times;
-  }
-}
-
-
-
+$check {
+  &::before {
+    color: var(--color-green);
+  }
+
+  &::after {
+    @extend .i-check:before;
+    color: var(--color-green);
+    animation: fadeIn .5s;
+  }
+}
+
+$times {
+  &::before {
+    color: var(--color-red);
+  }
+
+  &::after {
+    @extend .i-times:before;
+    color: var(--color-red);
+    animation: fadeIn .5s;
+  }
+}
+
+.md ol>li.quiz {
+  margin: .625rem 0;
+
+  &::before{
+    counter-increment: counter;
+    content: counter(counter) ".";
+    position: absolute;
+    color: var(--primary-color);
+    text-align: right;
+    width: 2rem;
+    left: -2.2rem;
+    height: auto;
+    background: none !important;
+    border: none !important;
+    font-size: $font-size-base;
+  }
+
+  >p {
+    margin: 0;
+    cursor: pointer;
+
+    &:first-child::before {
+      content: "[" attr(data-type) "]";
+      font-size: $font-size-smallest;
+      color: var(--grey-4);
+      margin: auto .3125rem;
+    }
+  }
+
+  &.mistake >p {
+    &:first-child::before {
+      color: var(--primary-color);
+    }
+  }
+  .gap {
+    display: inline-block;
+    min-width: 2.5rem;
+    text-align: center;
+    padding: 0 .625rem;
+    text-indent: -624.9375rem;
+
+    &::after {
+      display: block;
+      content: "";
+      background: var(--text-color);
+      width: calc(100% + 1.25rem);
+      height: .0625rem;
+      margin-bottom: -.0625rem;
+      margin-left: -.625rem;
+    }
+  }
+
+  &.show.fill .gap{
+    text-indent: 0;
+  }
+
+  &::before, &::after {
+    the-transition();
+  }
+
+  blockquote {
+    display: none;
+
+    .mistake {
+      display: block;
+      border: .1875rem dashed var(--grey-4);
+      padding: .625rem 1.25rem;
+      background: var(--grey-3);
+      margin: .3125rem;
+
+      &::before {
+        display: block;
+        content: "[" attr(data-type) "]";
+        font-size: $font-size-smaller;
+        color: var(--grey-4);
+      }
+    }
+  }
+
+  .note {
+    display: none;
+    padding: 0;
+    margin: 0;
+    background: none;
+    border: none;
+    border-radius: inherit;
+    color: unset;
+    font-size: inherit;
+    filter: unset;
+  }
+
+  &.show blockquote, &.show .note {
+    display: block;
+    @extend .slide;
+  }
+
+  ul.options {
+    padding-inline-start: .625rem;
+
+    li {
+
+      &::before {
+        color: var(--color-grey);
+        margin-right: .625rem;
+        the-transition();
+        li-nodot();
+      }
+
+      &:nth-child(1)::before {
+        content: "A."
+      }
+
+      &:nth-child(2)::before {
+        content: "B."
+      }
+
+      &:nth-child(3)::before {
+        content: "C."
+      }
+
+      &:nth-child(4)::before {
+        content: "D."
+      }
+
+      &:nth-child(5)::before {
+        content: "E."
+      }
+
+    }
+  }
+
+  >ul.options {
+    li {
+      cursor: pointer;
+
+      &::after {
+        font-family-icons();
+        position: absolute;
+        left: -1.5625rem;
+        top: 0;
+      }
+
+      &.right {
+        @extend $check;
+      }
+
+      &.wrong {
+        @extend $times;
+      }
+    }
+  }
+
+  &.show.false, &.show.true {
+    &::before {
+      visibility: hidden;
+    }
+
+    &::after {
+      font-family-icons();
+      position: absolute;
+      left: -1.2rem;
+      top: .25rem;
+    }
+  }
+
+  &.show.true {
+    @extend $check;
+  }
+
+  &.show.false {
+    @extend $times;
+  }
+}
+
+
+

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

@@ -1,83 +1,83 @@
-.tabs {
-  display: block;
-  position: relative;
-
-  .nav {
-    overflow: hidden;
-    border-bottom: .0625rem solid var(--grey-1-a7);
-    height: 2.6875rem;
-
-    ul {
-      display: flex;
-      padding: 0;
-      white-space: nowrap;
-      overflow-x: auto;
-    }
-
-    li {
-      position: relative;
-      cursor: pointer;
-      border: none;
-      display: inline-block;
-      padding: .3125rem 1.25rem;
-      margin: 0;
-
-      &::before {
-        content: "";
-        position: absolute;
-        left: 50%;
-        right: 50%;
-        top: auto;
-        bottom: 0;
-        transition: all .2s ease-in-out;
-        width: auto;
-        height: auto;
-        background: none;
-        border-radius: 0;
-        border-bottom: .125rem solid transparent;
-      }
-
-      &.active::before {
-        left: 0;
-        right: 0;
-        border-bottom-color: var(--note-hover, var(--primary-color));
-      }
-    }
-  }
-
-  .tab {
-    display: none;
-    @extend .fade-in;
-
-    &.active {
-      display: block;
-    }
-  }
-
-  .show-btn {
-    position: absolute;
-    cursor: pointer;
-    right: 0;
-    bottom: 0;
-    width: 2.875rem;
-    height: 2.875rem;
-    text-align: center;
-    color: var(--grey-4);
-    z-index: $zindex-1;
-
-    &::before {
-      font-family-icons();
-      @extend .i-arrow-up:before;
-    }
-  }
-
-}
-
-.md .tabs {
-  margin: 0 0 2rem;
-  shadow-box();
-
-  .tab {
-    padding: 1.25rem;
-  }
-}
+.tabs {
+  display: block;
+  position: relative;
+
+  .nav {
+    overflow: hidden;
+    border-bottom: .0625rem solid var(--grey-1-a7);
+    height: 2.6875rem;
+
+    ul {
+      display: flex;
+      padding: 0;
+      white-space: nowrap;
+      overflow-x: auto;
+    }
+
+    li {
+      position: relative;
+      cursor: pointer;
+      border: none;
+      display: inline-block;
+      padding: .3125rem 1.25rem;
+      margin: 0;
+
+      &::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        right: 50%;
+        top: auto;
+        bottom: 0;
+        transition: all .2s ease-in-out;
+        width: auto;
+        height: auto;
+        background: none;
+        border-radius: 0;
+        border-bottom: .125rem solid transparent;
+      }
+
+      &.active::before {
+        left: 0;
+        right: 0;
+        border-bottom-color: var(--note-hover, var(--primary-color));
+      }
+    }
+  }
+
+  .tab {
+    display: none;
+    @extend .fade-in;
+
+    &.active {
+      display: block;
+    }
+  }
+
+  .show-btn {
+    position: absolute;
+    cursor: pointer;
+    right: 0;
+    bottom: 0;
+    width: 2.875rem;
+    height: 2.875rem;
+    text-align: center;
+    color: var(--grey-4);
+    z-index: $zindex-1;
+
+    &::before {
+      font-family-icons();
+      @extend .i-arrow-up:before;
+    }
+  }
+
+}
+
+.md .tabs {
+  margin: 0 0 2rem;
+  shadow-box();
+
+  .tab {
+    padding: 1.25rem;
+  }
+}

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

@@ -1,9 +1,9 @@
-@import 'list';
-@import 'quiz';
-@import 'links';
-@import 'note';
-@import 'collapse';
-@import 'label';
-@import 'tabs';
-@import 'container';
-@import 'player';
+@import 'list';
+@import 'quiz';
+@import 'links';
+@import 'note';
+@import 'collapse';
+@import 'label';
+@import 'tabs';
+@import 'container';
+@import 'player';