hexo-theme-shokax 0.4.4 → 0.4.6-beta1

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

@@ -1,49 +1,49 @@
-.md {
-  .note, details {
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-top: .1875rem;
-      border-bottom: initial;
-      margin-bottom: 0;
-      padding-top: 0;
-    }
-
-    p {
-      line-height: 1.8;
-    }
-
-    a {
-      &:not(.btn) {
-        color: var(--note-hover);
-        border-bottom: .0625rem dashed var(--note-text);
-
-        &:hover {
-          color: var(--note-text);
-          border-bottom-color: var(--note-text);
-        }
-      }
-    }
-
-    ul {
-      li::before {
-        background: var(--note-text);
-      }
-    }
-
-    ol {
-      li:before {
-        background: var(--note-text, var(--primary-color)) !important;
-        width: .8rem;
-        height: .8rem;
-        font-size: .45rem;
-        line-height: .8rem;
-        top: .4rem;
-        left: -1.2rem
-      }
-    }
-  }
-}
-
+.md {
+  .note, details {
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-top: .1875rem;
+      border-bottom: initial;
+      margin-bottom: 0;
+      padding-top: 0;
+    }
+
+    p {
+      line-height: 1.8;
+    }
+
+    a {
+      &:not(.btn) {
+        color: var(--note-hover);
+        border-bottom: .0625rem dashed var(--note-text);
+
+        &:hover {
+          color: var(--note-text);
+          border-bottom-color: var(--note-text);
+        }
+      }
+    }
+
+    ul {
+      li::before {
+        background: var(--note-text);
+      }
+    }
+
+    ol {
+      li:before {
+        background: var(--note-text, var(--primary-color)) !important;
+        width: .8rem;
+        height: .8rem;
+        font-size: .45rem;
+        line-height: .8rem;
+        top: .4rem;
+        left: -1.2rem
+      }
+    }
+  }
+}
+

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

@@ -1,12 +1,12 @@
-span.label {
-  display: inline;
-  border-radius: .3rem;
-  border: .0625rem solid;
-  padding: .2rem .3rem;
-  font-family: $font-family-monospace;
-  font-size: $font-size-medium;
-
-  background: var(--note-bg, var(--grey-2));
-  border-color: var(--note-border, var(--grey-4));
-  color: var(--note-text, var(--grey-6));
-}
+span.label {
+  display: inline;
+  border-radius: .3rem;
+  border: .0625rem solid;
+  padding: .2rem .3rem;
+  font-family: $font-family-monospace;
+  font-size: $font-size-medium;
+
+  background: var(--note-bg, var(--grey-2));
+  border-color: var(--note-border, var(--grey-4));
+  color: var(--note-text, var(--grey-6));
+}

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

@@ -1,77 +1,77 @@
-.links {
-  display: flex;
-  flex-wrap: wrap;
-  font-size: .9rem;
-
-
-  .item {
-    position: relative;
-    display: inline-flex;
-    justify-self: center;
-    align-items: center;
-    line-height: 1.5;
-    width: calc(50% - 2rem);
-    padding: .5rem 1rem;
-    margin: 1rem;
-    the-transition();
-    shadow-box();
-
-    --bg-color: var(--block-color, #666);
-
-    .image {
-      display: block;
-      width: 4rem;
-      height: 4rem;
-      border-radius: .9375rem;
-      background: var(--grey-1) center no-repeat;
-      background-size: contain;
-      flex-shrink: 0;
-      border: none;
-    }
-
-    .info {
-      padding-left: 1rem;
-    }
-
-    .title {
-      margin: .5rem 0;
-      font-family: $font-family-title;
-      font-weight: bold;
-      color: var(--bg-color);
-      border: none;
-      .ic {
-        display: none;
-      }
-    }
-
-    .desc {
-      font-size: $font-size-smallest;
-      margin: .5rem 0;
-    }
-
-
-    &:hover {
-      color: var(--header-text-color);
-      background-color: var(--bg-color);
-      box-shadow: 0 .125rem 1.25rem var(--bg-color);
-      border-color: var(--bg-color);
-
-      .image {
-        mix-blend-mode: normal;
-        background-color: var(--bg-color);
-      }
-
-      .title {
-        color: var(--header-text-color);
-      }
-    }
-  }
-
-
-  +mobile() {
-    font-size: $font-size-base;
-    .item {
-      width: calc(100% - 2rem);
-    }
-  }
-}
+.links {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: .9rem;
+
+
+  .item {
+    position: relative;
+    display: inline-flex;
+    justify-self: center;
+    align-items: center;
+    line-height: 1.5;
+    width: calc(50% - 2rem);
+    padding: .5rem 1rem;
+    margin: 1rem;
+    the-transition();
+    shadow-box();
+
+    --bg-color: var(--block-color, #666);
+
+    .image {
+      display: block;
+      width: 4rem;
+      height: 4rem;
+      border-radius: .9375rem;
+      background: var(--grey-1) center no-repeat;
+      background-size: contain;
+      flex-shrink: 0;
+      border: none;
+    }
+
+    .info {
+      padding-left: 1rem;
+    }
+
+    .title {
+      margin: .5rem 0;
+      font-family: $font-family-title;
+      font-weight: bold;
+      color: var(--bg-color);
+      border: none;
+      .ic {
+        display: none;
+      }
+    }
+
+    .desc {
+      font-size: $font-size-smallest;
+      margin: .5rem 0;
+    }
+
+
+    &:hover {
+      color: var(--header-text-color);
+      background-color: var(--bg-color);
+      box-shadow: 0 .125rem 1.25rem var(--bg-color);
+      border-color: var(--bg-color);
+
+      .image {
+        mix-blend-mode: normal;
+        background-color: var(--bg-color);
+      }
+
+      .title {
+        color: var(--header-text-color);
+      }
+    }
+  }
+
+
+  +mobile() {
+    font-size: $font-size-base;
+    .item {
+      width: calc(100% - 2rem);
+    }
+  }
+}

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

@@ -1,131 +1,131 @@
-.md {
-  li {
-    position: relative;
-    margin: .2rem 0;
-
-    &:before {
-      the-transition();
-    }
-
-    p {
-      margin: 0;
-    }
-  }
-
-  ul, ol, dl {
-    margin: .5em 0 .5em;
-    padding: .1em .2em .1em 1.4em;
-  }
-
-  ul > li,
-  dl dt {
-    &::before {
-      content: "";
-      position: absolute;
-      width: .4em;
-      height: .4em;
-      background: var(--primary-color);
-      border-radius: 50%;
-      top: .85em;
-      left: -1em;
-    }
-
-    &:hover::before {
-      background: var(--color-pink);
-    }
-  }
-
-  ol {
-    &:not([start]) {
-      counter-reset: counter;
-    }
-
-    >li {
-
-      &::before {
-        counter-increment: counter;
-        content: counter(counter);
-        position: absolute;
-        width: 1.4em;
-        height: 1.4em;
-        border-radius: 50%;
-        text-align: center;
-        font-size: .8em;
-        line-height: 1.4;
-        top: .5em;
-        left: -1.8em;
-        background: var(--primary-color);
-        color: var(--grey-1);
-        cursor: pointer;
-      }
-
-      &:hover::before {
-        color: var(--grey-1);
-        background: var(--color-pink);
-      }
-    }
-  }
-
-  dl {
-    dt {
-      position: relative;
-    }
-    dd {
-      padding-left: .9375em;
-    }
-  }
-
-  ul {
-    li.nodot {
-      &::before {
-        li-nodot();
-      }
-    }
-
-    li.task-list-item {
-      &::before {
-        li-nodot();
-      }
-
-      input[type='checkbox'] {
-        display: none;
-      }
-
-      input[type='checkbox']+label::before {
-        @extend .i-times-circle:before;
-        font-family-icons();
-        color: var(--grey-4);
-        display: inline-block;
-        margin-right: .625em;
-      }
-
-      input[type='checkbox']:checked+label::before {
-        @extend .i-check-circle:before;
-        color: var(--note-text, var(--primary-color));
-      }
-    }
-  }
-
-  li ul > li {
-    &::before {
-      background: var(--grey-1);
-      border: 1px solid var(--primary-color);
-    }
-  }
-
-  li ol > li, dd ol > li{
-    &::before {
-      content: counter(counter) ".";
-      background: none;
-      color: var(--primary-color);
-      font-size: 1em;
-      line-height: 1;
-      width: auto;
-    }
-
-    &:hover::before {
-      background: none;
-      color: var(--color-pink);
-    }
-  }
-}
+.md {
+  li {
+    position: relative;
+    margin: .2rem 0;
+
+    &:before {
+      the-transition();
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+
+  ul, ol, dl {
+    margin: .5em 0 .5em;
+    padding: .1em .2em .1em 1.4em;
+  }
+
+  ul > li,
+  dl dt {
+    &::before {
+      content: "";
+      position: absolute;
+      width: .4em;
+      height: .4em;
+      background: var(--primary-color);
+      border-radius: 50%;
+      top: .85em;
+      left: -1em;
+    }
+
+    &:hover::before {
+      background: var(--color-pink);
+    }
+  }
+
+  ol {
+    &:not([start]) {
+      counter-reset: counter;
+    }
+
+    >li {
+
+      &::before {
+        counter-increment: counter;
+        content: counter(counter);
+        position: absolute;
+        width: 1.4em;
+        height: 1.4em;
+        border-radius: 50%;
+        text-align: center;
+        font-size: .8em;
+        line-height: 1.4;
+        top: .5em;
+        left: -1.8em;
+        background: var(--primary-color);
+        color: var(--grey-1);
+        cursor: pointer;
+      }
+
+      &:hover::before {
+        color: var(--grey-1);
+        background: var(--color-pink);
+      }
+    }
+  }
+
+  dl {
+    dt {
+      position: relative;
+    }
+    dd {
+      padding-left: .9375em;
+    }
+  }
+
+  ul {
+    li.nodot {
+      &::before {
+        li-nodot();
+      }
+    }
+
+    li.task-list-item {
+      &::before {
+        li-nodot();
+      }
+
+      input[type='checkbox'] {
+        display: none;
+      }
+
+      input[type='checkbox']+label::before {
+        @extend .i-times-circle:before;
+        font-family-icons();
+        color: var(--grey-4);
+        display: inline-block;
+        margin-right: .625em;
+      }
+
+      input[type='checkbox']:checked+label::before {
+        @extend .i-check-circle:before;
+        color: var(--note-text, var(--primary-color));
+      }
+    }
+  }
+
+  li ul > li {
+    &::before {
+      background: var(--grey-1);
+      border: 1px solid var(--primary-color);
+    }
+  }
+
+  li ol > li, dd ol > li{
+    &::before {
+      content: counter(counter) ".";
+      background: none;
+      color: var(--primary-color);
+      font-size: 1em;
+      line-height: 1;
+      width: auto;
+    }
+
+    &:hover::before {
+      background: none;
+      color: var(--color-pink);
+    }
+  }
+}

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

@@ -1,70 +1,70 @@
-.md .note {
-  border-radius: .1875rem;
-  margin: 1rem 0;
-  padding: 1rem;
-  position: relative;
-
-  background: var(--note-bg, var(--grey-2));
-  color: var(--grey-6);
-  border-left: .25rem solid var(--note-border, var(--grey-4));
-
-  font-size: $font-size-small;
-
-  padding-left: 2.5rem;
-
-  --primary-color: var(--note-text);
-
-  &::before {
-    position: absolute;
-    left: .5rem;
-    top: calc(50% - 1.5rem);
-    font-family-icons();
-    font-size: 1.5rem;
-    color: var(--note-text, var(--grey-6));
-  }
-
-  &.default {
-    &::before {
-      @extend .i-arrow-circle-right:before;
-    }
-  }
-
-  &.primary {
-    &::before {
-      @extend .i-plus-circle:before;
-    }
-  }
-
-  &.info {
-    &::before {
-      @extend .i-info-circle:before;
-    }
-  }
-
-  &.success {
-    &::before {
-      @extend .i-check-circle:before;
-    }
-
-  }
-
-  &.warning {
-    &::before {
-      @extend .i-exclamation-circle:before;
-    }
-  }
-
-  &.danger {
-    &::before {
-      @extend .i-minus-circle:before;
-    }
-  }
-
-  &.no-icon {
-    &::before {
-      content: none;
-    }
-
-    padding-left: 1rem;
-  }
-}
+.md .note {
+  border-radius: .1875rem;
+  margin: 1rem 0;
+  padding: 1rem;
+  position: relative;
+
+  background: var(--note-bg, var(--grey-2));
+  color: var(--grey-6);
+  border-left: .25rem solid var(--note-border, var(--grey-4));
+
+  font-size: $font-size-small;
+
+  padding-left: 2.5rem;
+
+  --primary-color: var(--note-text);
+
+  &::before {
+    position: absolute;
+    left: .5rem;
+    top: calc(50% - 1.5rem);
+    font-family-icons();
+    font-size: 1.5rem;
+    color: var(--note-text, var(--grey-6));
+  }
+
+  &.default {
+    &::before {
+      @extend .i-arrow-circle-right:before;
+    }
+  }
+
+  &.primary {
+    &::before {
+      @extend .i-plus-circle:before;
+    }
+  }
+
+  &.info {
+    &::before {
+      @extend .i-info-circle:before;
+    }
+  }
+
+  &.success {
+    &::before {
+      @extend .i-check-circle:before;
+    }
+
+  }
+
+  &.warning {
+    &::before {
+      @extend .i-exclamation-circle:before;
+    }
+  }
+
+  &.danger {
+    &::before {
+      @extend .i-minus-circle:before;
+    }
+  }
+
+  &.no-icon {
+    &::before {
+      content: none;
+    }
+
+    padding-left: 1rem;
+  }
+}