hexo-theme-shokax 0.3.12 → 0.3.14

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

@@ -1,117 +1,117 @@
-// Menu
-// --------------------------------------------------
-#nav .menu {
-  padding: .625rem 0;
-  margin: 0;
-  width: 100%;
-
-  .item {
-    display: inline-block;
-    position: relative;
-
-    padding: 0 .625rem;
-    letter-spacing: .0625rem;
-    text-align: center;
-
-
-    +mobile() {
-      display: none;
-
-      &.title {
-        display: block;
-      }
-    }
-
-    .ic {
-      margin-right: .5rem;
-    }
-
-    &:not(.title) a {
-      display: block;
-      font-size: $font-size-medium;
-
-      @extend $hover-underline;
-    }
-
-    &.active:not(.dropdown), &:not(.dropdown):hover {
-      a::before {
-        width: 70%;
-      }
-    }
-  }
-
-  .submenu {
-    display: none;
-    position: absolute;
-    margin-top: .5rem;
-    padding: 0;
-    width: max-content;
-    background-color: var(--grey-9-a5);
-    box-shadow: 0 .3125rem 1.25rem -.25rem var(--grey-9-a1);
-    border-radius: .625rem 0;
-    @extend .slide-up-in;
-
-    &::before {
-      position: absolute;
-      top: -1.25rem;
-      left: 0;
-      width: 100%;
-      height: 2.5rem;
-      content: '';
-    }
-
-    &:hover {
-      display: block;
-    }
-
-    .item {
-      display: block;
-
-      &:first-child{
-        border-radius: .625rem 0 0 0;
-      }
-
-      &:last-child{
-        border-radius: 0 0 .625rem 0
-      }
-
-      a {
-        display: inline-block;
-        padding: .3rem .7rem;
-        width: 100%;
-        text-shadow: none;
-        &::before {
-          content: none;
-        }
-      }
-
-      &:hover a {
-        transform: translateX(.3rem);
-      }
-
-      &:hover, &.active {
-        @extend $color-btn;
-        a {
-          opacity: 1;
-        }
-      }
-    }
-  }
-
-  .item.dropdown {
-    >a::after {
-      content: "";
-      display: inline-block;
-      margin-left: .3rem;
-      vertical-align: middle;
-      border: .3rem solid transparent;
-      border-top-color: currentColor;
-      border-bottom: 0;
-    }
-    &:hover {
-      .submenu {
-        display: block;
-      }
-    }
-  }
-}
+// Menu
+// --------------------------------------------------
+#nav .menu {
+  padding: .625rem 0;
+  margin: 0;
+  width: 100%;
+
+  .item {
+    display: inline-block;
+    position: relative;
+
+    padding: 0 .625rem;
+    letter-spacing: .0625rem;
+    text-align: center;
+
+
+    +mobile() {
+      display: none;
+
+      &.title {
+        display: block;
+      }
+    }
+
+    .ic {
+      margin-right: .5rem;
+    }
+
+    &:not(.title) a {
+      display: block;
+      font-size: $font-size-medium;
+
+      @extend $hover-underline;
+    }
+
+    &.active:not(.dropdown), &:not(.dropdown):hover {
+      a::before {
+        width: 70%;
+      }
+    }
+  }
+
+  .submenu {
+    display: none;
+    position: absolute;
+    margin-top: .5rem;
+    padding: 0;
+    width: max-content;
+    background-color: var(--grey-9-a5);
+    box-shadow: 0 .3125rem 1.25rem -.25rem var(--grey-9-a1);
+    border-radius: .625rem 0;
+    @extend .slide-up-in;
+
+    &::before {
+      position: absolute;
+      top: -1.25rem;
+      left: 0;
+      width: 100%;
+      height: 2.5rem;
+      content: '';
+    }
+
+    &:hover {
+      display: block;
+    }
+
+    .item {
+      display: block;
+
+      &:first-child{
+        border-radius: .625rem 0 0 0;
+      }
+
+      &:last-child{
+        border-radius: 0 0 .625rem 0
+      }
+
+      a {
+        display: inline-block;
+        padding: .3rem .7rem;
+        width: 100%;
+        text-shadow: none;
+        &::before {
+          content: none;
+        }
+      }
+
+      &:hover a {
+        transform: translateX(.3rem);
+      }
+
+      &:hover, &.active {
+        @extend $color-btn;
+        a {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  .item.dropdown {
+    >a::after {
+      content: "";
+      display: inline-block;
+      margin-left: .3rem;
+      vertical-align: middle;
+      border: .3rem solid transparent;
+      border-top-color: currentColor;
+      border-bottom: 0;
+    }
+    &:hover {
+      .submenu {
+        display: block;
+      }
+    }
+  }
+}

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

@@ -1,81 +1,81 @@
-#nav {
-  position: fixed;
-  z-index: $zindex-2;
-  width: 100%;
-  height: 3.125rem;
-  backdrop-filter: saturate(180%) blur(20px);
-  the-transition();
-
-  &.up {
-    transform: translateY(0);
-  }
-
-  &.down {
-    transform: translateY(-100%);
-  }
-
-  &.show {
-    background: var(--nav-bg);
-    box-shadow: .1rem .1rem .2rem var(--grey-9-a1);
-    text-shadow: 0 0 .0625rem var(--grey-9-a1);
-    color: var(--text-color);
-
-    .line {
-      background: var(--text-color);
-      box-shadow: 0 0 .0625rem var(--grey-9-a1);
-    }
-
-    .item.active > a, .item.expand > a {
-      color: var(--color-aqua);
-      opacity: 1;
-    }
-
-    .menu {
-      .submenu {
-        background-color: var(--grey-1);
-        .item.active a {
-          color: var(--grey-0);
-          opacity: 1;
-        }
-      }
-    }
-  }
-
-  .inner {
-    height: 100%;
-    display: flex;
-    width: $content-desktop;
-    flex-wrap: nowrap;
-
-    +desktop-large() {
-      width: $content-desktop-large;
-    }
-
-    +desktop-largest() {
-      width: $content-desktop-largest;
-    }
-
-    +tablet-mobile() {
-      //width: auto;
-    }
-
-  }
-
-  .toggle {
-    display: none;
-
-    +tablet-mobile() {
-      the-flex();
-    }
-
-    .lines {
-      padding: 1.25rem;
-      width: 1.375rem;
-      box-sizing: unset;
-    }
-  }
-}
-
-
-@import 'menu';
-@import 'right';
+#nav {
+  position: fixed;
+  z-index: $zindex-2;
+  width: 100%;
+  height: 3.125rem;
+  backdrop-filter: saturate(180%) blur(20px);
+  the-transition();
+
+  &.up {
+    transform: translateY(0);
+  }
+
+  &.down {
+    transform: translateY(-100%);
+  }
+
+  &.show {
+    background: var(--nav-bg);
+    box-shadow: .1rem .1rem .2rem var(--grey-9-a1);
+    text-shadow: 0 0 .0625rem var(--grey-9-a1);
+    color: var(--text-color);
+
+    .line {
+      background: var(--text-color);
+      box-shadow: 0 0 .0625rem var(--grey-9-a1);
+    }
+
+    .item.active > a, .item.expand > a {
+      color: var(--color-aqua);
+      opacity: 1;
+    }
+
+    .menu {
+      .submenu {
+        background-color: var(--grey-1);
+        .item.active a {
+          color: var(--grey-0);
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  .inner {
+    height: 100%;
+    display: flex;
+    width: $content-desktop;
+    flex-wrap: nowrap;
+
+    +desktop-large() {
+      width: $content-desktop-large;
+    }
+
+    +desktop-largest() {
+      width: $content-desktop-largest;
+    }
+
+    +tablet-mobile() {
+      //width: auto;
+    }
+
+  }
+
+  .toggle {
+    display: none;
+
+    +tablet-mobile() {
+      the-flex();
+    }
+
+    .lines {
+      padding: 1.25rem;
+      width: 1.375rem;
+      box-sizing: unset;
+    }
+  }
+}
+
+
+@import 'menu';
+@import 'right';

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

@@ -1,15 +1,15 @@
-#nav .right {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-
-  .item {
-    padding: .625rem .5rem;
-    cursor: pointer;
-  }
-
-  .i-sun {
-    font-size: $font-size-large;
-  }
-}
-
+#nav .right {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  .item {
+    padding: .625rem .5rem;
+    cursor: pointer;
+  }
+
+  .i-sun {
+    font-size: $font-size-large;
+  }
+}
+