hexo-theme-gnix 6.2.0 → 8.0.0

package/source/css/encrypt.css

@@ -0,0 +1,55 @@
+.encrypted-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  padding: 2rem 1rem;
+}
+
+.encrypt-form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+  width: 100%;
+  max-width: 360px;
+}
+
+.encrypt-message {
+  color: var(--overlay0);
+  font-size: 0.95rem;
+  text-align: center;
+  margin: 0;
+}
+
+.encrypt-input-wrap {
+  width: 100%;
+}
+
+.encrypt-input-wrap input {
+  width: 100%;
+  padding: 0.6rem 0.8rem;
+  border: 1.5px solid var(--surface2);
+  border-radius: var(--radius);
+  background: var(--mantle);
+  color: var(--text);
+  font-size: 0.95rem;
+  outline: none;
+  transition: border-color 0.2s;
+  box-sizing: border-box;
+}
+
+.encrypt-input-wrap input:focus {
+  border-color: var(--lavender);
+}
+
+.encrypt-input-wrap input::placeholder {
+  color: var(--overlay0);
+}
+
+.encrypt-error {
+  color: var(--red);
+  font-size: 0.85rem;
+  margin: 0;
+}

package/source/css/responsive/desktop.css

@@ -1,7 +1,4 @@
 /* min-width: 1024px */
-.is-hidden-desktop {
-  display: none;
-}
 
 .navbar-burger {
   display: none;
@@ -37,119 +34,3 @@
   justify-content: flex-end;
   margin-left: auto;
 }
-
-#icarus-toc-container {
-  position: fixed;
-  right: 30px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.toc-button {
-  display: none;
-}
-
-.toc-body {
-  display: block;
-  background: transparent;
-}
-
-.toc {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-}
-
-.toc-item {
-  list-style: none;
-  margin-bottom: 8px;
-  position: relative;
-  display: flex;
-  justify-content: flex-end;
-  flex-direction: column;
-  align-items: flex-end;
-}
-
-/* Text Label */
-.toc-text {
-  opacity: 0;
-  transform: translateX(10px);
-  transition: all 0.3s ease;
-  font-size: 0.9rem;
-  color: var(--text);
-  white-space: nowrap;
-  position: absolute;
-  right: 100%;
-  margin-right: 10px;
-  pointer-events: none;
-}
-
-/* Hover on Container -> Show all text */
-#icarus-toc-container:hover .toc-text {
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.toc-link {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  text-decoration: none;
-  height: 23px;
-  position: relative;
-  &:hover {
-    &::after {
-      background-color: var(--rosewater);
-      box-shadow: 0 0 8px var(--lavender);
-    }
-    .toc-text {
-      color: var(--mauve);
-    }
-  }
-}
-
-/* The Abstract Bar */
-.toc-link::after {
-  content: "";
-  display: block;
-  height: 4px;
-  border-radius: 2px;
-  background-color: var(--surface0);
-  transition: all 0.3s ease;
-  margin-left: 15px;
-}
-
-/* Level variations - Width */
-.toc-level-1 > .toc-link::after {
-  width: 30px;
-}
-
-.toc-level-2 > .toc-link::after {
-  width: 30px;
-}
-
-.toc-level-3 > .toc-link::after {
-  width: 24px;
-}
-
-.toc-level-4 > .toc-link::after {
-  width: 18px;
-}
-
-.toc-level-5 > .toc-link::after {
-  width: 14px;
-}
-
-.toc-level-6 > .toc-link::after {
-  width: 10px;
-}
-
-/* Hide children lists container styling if any */
-.toc-child {
-  padding: 0;
-  margin: 0;
-  display: contents;
-}

package/source/css/responsive/mobile.css

@@ -2,11 +2,6 @@ span.year {
   font-size: 3em !important;
 }
 
-.article-licensing {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-
 .is-hidden-mobile {
   display: none;
 }
@@ -15,22 +10,22 @@ table {
   font-size: 14px;
 }
 
-table th,
-table td {
+th,
+td {
   padding: 8px 12px;
 }
 
 .section {
-  padding: 1rem 0 2rem 0;
+  padding: 0;
 }
 
 .card {
-  border: none;
-  margin: 0 0 1.5rem 0;
+  border-left: none;
+  border-right: none;
 }
 
 .cover-image {
-  max-height: 20vh;
+  max-height: 25vh;
   border-radius: 0;
 }
 
@@ -39,16 +34,5 @@ table td {
 }
 
 .pagination {
-  flex-wrap: wrap;
-}
-
-.pagination-previous,
-.pagination-next {
-  flex-grow: 1;
-  flex-shrink: 1;
-}
-
-.pagination-list li {
-  flex-grow: 1;
-  flex-shrink: 1;
+  height: 2.5em;
 }

package/source/css/responsive/touch.css

@@ -135,115 +135,21 @@
 
 /* #endregion Navbar */
 
-.theme-selector-content {
+.theme-selector-list {
   width: 80%;
   padding: 1.5rem;
 }
 
-/* #region TOC  */
-#icarus-toc-container .toc-button:hover {
-  transform: scale(1.1);
-  color: var(--lavender);
-}
-
-#icarus-toc-container {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  z-index: 99;
-}
-
-#icarus-toc-container .toc-body {
-  position: fixed;
-  inset: 0;
-  background: hsl(from var(--mantle) h s l / 0.8);
-  backdrop-filter: blur(10px);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 2rem;
-  visibility: hidden;
-  pointer-events: none;
-  font-weight: 800;
-}
-
-#icarus-toc-container.is-open .toc-body {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
-}
-
-#icarus-toc-container .toc {
-  max-height: 80vh;
-  overflow-y: auto;
-  padding: 0;
-  list-style: none;
-}
-
-#icarus-toc-container .toc-item {
-  margin-bottom: 0.5rem;
-}
-
-#icarus-toc-container .toc-text {
-  font-family: var(--font-article);
-}
-
-.toc-level-2 span {
-  color: var(--peach);
-  font-size: 1.875rem;
-}
-
-.toc-level-3 span {
-  color: var(--yellow);
-  font-size: 1.5rem;
-}
-
-.toc-level-4 span {
-  color: var(--green);
-  font-size: 1.25rem;
-}
-
-.toc-level-5 span {
-  color: var(--blue);
-  font-size: 1rem;
-}
-
-.toc-level-6 span {
-  color: var(--mauve);
-  font-size: 0.875rem;
-}
-
-#icarus-toc-container .toc-item.is-active > .toc-link {
-  color: var(--lavender);
-  font-weight: bold;
-}
-
-/* Indentation for mobile */
-#icarus-toc-container .toc-child {
-  padding-left: 1.5rem;
-  list-style: none;
-}
-
-#icarus-toc-container .toc-text {
-  /* Ensure text is visible on mobile */
-  display: inline;
-}
-
-.toc-button {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: hsl(from var(--mantle) h s l / 0.9);
-  color: var(--text);
-  border: 2px solid var(--surface0);
-}
-
 .searchbox-container {
   top: 15px;
   width: 90%;
 }
 
-/* #endregion TOC  */
+.toc-button {
+  top: auto;
+  bottom: 3rem;
+  right: 1rem;
+  left: auto;
+  background-color: var(--base);
+  border: 2px solid var(--surface0);
+}

package/source/css/shiki/shiki.css

@@ -8,6 +8,11 @@ code span {
   font-weight: var(--shiki-light-font-weight);
 }
 
+span.tab {
+  display: inline-block;
+  tab-size: 2;
+}
+
 :is([data-theme="tokyo_night"]) code span {
   font-style: var(--shiki-tokyo-font-style) !important;
   font-weight: var(--shiki-tokyo-font-weight) !important;
@@ -39,7 +44,6 @@ figure.shiki {
   overflow: auto;
   background: var(--mantle);
   color: var(--text);
-
   iconify-icon {
     color: transparent;
     cursor: pointer;
@@ -51,7 +55,6 @@ figure.shiki {
   &:hover {
     iconify-icon {
       color: var(--text);
-
       &:hover {
         color: var(--blue);
         transform: scale(1.2);
@@ -69,7 +72,6 @@ figure.shiki {
   user-select: none;
   overflow: hidden;
   position: relative;
-
   > .left {
     gap: 5px;
     display: flex;
@@ -95,17 +97,12 @@ figure.shiki {
 .shiki-tools > .right > .copy-notice {
   position: absolute;
   white-space: nowrap;
-  opacity: 0;
   visibility: hidden;
   z-index: 1000;
   padding: 0 5px 0 0;
   transform: translate(-110%);
-  transition:
-    opacity 0.2s ease,
-    visibility 0.2s ease;
-
-  &[style*="opacity: 1"] {
-    opacity: 1;
+  transition: visibility 0.2s ease;
+  &.show {
     visibility: visible;
   }
 }
@@ -122,7 +119,6 @@ figure.shiki {
   border-radius: 50%;
   margin-left: 0.5em;
   position: relative;
-
   &.red {
     background-color: var(--red);
   }
@@ -157,7 +153,6 @@ figure.shiki {
   align-items: center;
   font-size: 1em;
   cursor: pointer;
-
   > iconify-icon {
     padding: 6px 0;
     animation: code-expand-pulse 1.2s infinite;
@@ -172,7 +167,6 @@ figure.shiki {
 pre.shiki {
   background: var(--mantle);
   padding: 0.6em;
-
   > code {
     text-align: left;
     counter-reset: step;
@@ -217,7 +211,6 @@ span.line {
   display: block;
   width: fit-content;
   min-width: 100%;
-
   &:before {
     content: counter(step);
     counter-increment: step;
@@ -232,7 +225,6 @@ span.line {
 span.line.diff {
   &.remove {
     background-color: hsl(from var(--red) h s l / 0.2);
-
     &:before {
       content: "-";
       color: var(--red);
@@ -241,7 +233,6 @@ span.line.diff {
 
   &.add {
     background-color: hsl(from var(--green) h s l / 0.2);
-
     &:before {
       content: "+";
       color: var(--green);
@@ -251,7 +242,6 @@ span.line.diff {
 
 span.line.highlighted {
   background-color: hsl(from var(--blue) h s l / 0.2);
-
   &.error {
     background-color: hsl(from var(--red) h s l / 0.2);
   }
@@ -474,15 +464,10 @@ pre.shiki.has-focused > code {
 
 ._sk_91qhgb {
   color: #7c7f93;
-  --shiki-light-font-style: italic;
   --shiki-dark: #9399b2;
-  --shiki-dark-font-style: italic;
   --shiki-nord: #616e88;
-  --shiki-nord-font-style: inherit;
   --shiki-tokyo: #51597d;
-  --shiki-tokyo-font-style: italic;
   --shiki-rose: #6e6a86;
-  --shiki-rose-font-style: italic;
 }
 
 ._sk_zgl5lx {