From 7d08a5e4836abd58bc7be8431f8cb379397b8217 Mon Sep 17 00:00:00 2001
From: andatoshiki <101481353+andatoshiki@users.noreply.github.com>
Date: Thu, 2 Mar 2023 09:57:15 +0800
Subject: [PATCH] chore(revert): revert commit eb213db for linting commit
 message

---
 docs/.vitepress/theme/styles/custom.css       | 169 ++++++++++++++++++
 docs/.vitepress/theme/styles/custom.scss      |  87 +++++++--
 docs/.vitepress/theme/styles/index.scss       |   1 -
 .../theme/styles/{var.scss => vars.css}       |   4 +-
 4 files changed, 243 insertions(+), 18 deletions(-)
 create mode 100644 docs/.vitepress/theme/styles/custom.css
 rename docs/.vitepress/theme/styles/{var.scss => vars.css} (83%)

diff --git a/docs/.vitepress/theme/styles/custom.css b/docs/.vitepress/theme/styles/custom.css
new file mode 100644
index 00000000..268bbf6a
--- /dev/null
+++ b/docs/.vitepress/theme/styles/custom.css
@@ -0,0 +1,169 @@
+/* slim scroll bar for windows based web browsers - works on firefox */
+* {
+    scrollbar-color: var(--vp-c-divider-light) var(--vp-button-alt-bg);
+    scrollbar-width: thin;
+}
+
+/* slim scroll bar for windows based web browsers - works on chrome, edge, and safari */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+/* scrolling handle */
+::-webkit-scrollbar-thumb {
+    background: var(--vp-c-mute);
+}
+
+/* handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background: var(--vp-button-alt-hover-bg);
+}
+
+/* scrolling track/backgronund color */
+::-webkit-scrollbar-track {
+    background: var(--vp-button-alt-bg);
+}
+
+/* tweak for removing webkit scrollbar's small corner square at the right buttom */
+::-webkit-scrollbar-corner {
+    background: transparent;
+}
+/* slim scrollbar styles end */
+
+/* responsible katex style with horizontal scroll on small screen devices */
+/* .katex-display > .katex {
+    display: inline-block;
+    max-width: 100%;
+    overflow-x: scroll;
+    text-align: auto;
+    overflow-y: hidden;
+}
+
+.katex-display > ::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
+}
+
+.katex {
+    font: normal 19px KaTeX_Main, Times New Roman, serif;
+    line-height: 1.2;
+    white-space: normal;
+    text-indent: 0;
+}
+
+@media (min-width: 640px) {
+    .katex-display > ::-webkit-scrollbar {
+        width: 0px;
+        height: 2px;
+    }
+}
+
+@media (min-width: 960px) {
+    .katex-display > ::-webkit-scrollbar {
+        width: 0px;
+        height: 2px;
+    }
+} */
+
+.katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
+
+.katex-display > ::-webkit-scrollbar {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+    height: 3px;
+}
+
+.katex-error {
+    color: #f00;
+}
+
+.katex-display > .katex {
+    display: inline-block;
+    max-width: 100%;
+    overflow-x: scroll;
+    text-align: auto;
+    overflow-y: hidden;
+}
+/* katex styles end */
+
+/* custom responsive medium zoom component style */
+.medium-zoom-overlay {
+    z-index: 20;
+}
+
+.medium-zoom-image {
+    z-index: 21;
+}
+
+.medium-zoom-image {
+    /* border-radius: 5px; */
+    align-items: center;
+}
+/* medium zoom style ends */
+
+/* global border radius style for image within article container */
+.VPDoc .content-container img {
+    border-radius: 5px;
+}
+/* image style ends */
+
+/* fontawesome heart pumping styles */
+.heart {
+    animation: heart 5s ease infinite;
+    color: red;
+}
+
+@keyframes heart {
+    0% {
+        transform: scale(1);
+    }
+    5% {
+        transform: scale(1.25);
+    }
+    20% {
+        transform: scale(1);
+    }
+    30% {
+        transform: scale(1);
+    }
+    35% {
+        transform: scale(1.25);
+    }
+    50% {
+        transform: scale(1);
+    }
+    55% {
+        transform: scale(1.25);
+    }
+    70% {
+        transform: scale(1);
+    }
+}
+/* font awesome heart pumping style ends */
+
+/* glonal code font styles */
+pre,
+code,
+kbd,
+samp {
+    font-family: var(--vp-font-family-mono);
+}
+/* global code font styles ends */
+
+/* specify vitepress home hero image's width to 300 px for preventing image overlapping on text */
+img.VPImage.image-src {
+    width: 300px;
+}
+/* hero image sytles ends */
+
+/* aligning homepage team member section vertically in straight line */
+.vp-doc > div {
+    width: 100%;
+}
+/* team member section styles end */
diff --git a/docs/.vitepress/theme/styles/custom.scss b/docs/.vitepress/theme/styles/custom.scss
index 3c00fa07..227eee2d 100644
--- a/docs/.vitepress/theme/styles/custom.scss
+++ b/docs/.vitepress/theme/styles/custom.scss
@@ -1,38 +1,38 @@
-// slim scroll bar for windows based web browsers - works on firefox
+/* slim scroll bar for windows based web browsers - works on firefox */
 * {
     scrollbar-color: var(--vp-c-divider-light) var(--vp-button-alt-bg);
     scrollbar-width: thin;
 }
 
-// slim scroll bar for windows based web browsers - works on chrome, edge, and safari
+/* slim scroll bar for windows based web browsers - works on chrome, edge, and safari */
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
 }
 
-// scrolling handle
+/* scrolling handle */
 ::-webkit-scrollbar-thumb {
     background: var(--vp-c-mute);
 }
 
-// handle on hover
+/* handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: var(--vp-button-alt-hover-bg);
 }
 
-// scrolling track/backgronund color
+/* scrolling track/backgronund color */
 ::-webkit-scrollbar-track {
     background: var(--vp-button-alt-bg);
 }
 
-// tweak for removing webkit scrollbar's small corner square at the right buttom
+/* tweak for removing webkit scrollbar's small corner square at the right buttom */
 ::-webkit-scrollbar-corner {
     background: transparent;
 }
-// slim scrollbar styles end
+/* slim scrollbar styles end */
 
-// responsible katex style with horizontal scroll on small screen devices
-// fix katex display overflowing on small screen devices with horizontal scrollbar for viewing full formulas
+/* responsible katex style with horizontal scroll on small screen devices */
+// katex fix
 .katex {
     font-size: 1.05em;
     direction: ltr;
@@ -56,6 +56,65 @@
 .katex-error {
     color: #f00;
 }
+
+/* .katex-display > .katex {
+    display: inline-block;
+    max-width: 100%;
+    overflow-x: scroll;
+    text-align: auto;
+    overflow-y: hidden;
+}
+
+.katex-display > ::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
+}
+
+.katex {
+    font: normal 19px KaTeX_Main, Times New Roman, serif;
+    line-height: 1.2;
+    white-space: normal;
+    text-indent: 0;
+}
+
+@media (min-width: 640px) {
+    .katex-display > ::-webkit-scrollbar {
+        width: 0px;
+        height: 2px;
+    }
+}
+
+@media (min-width: 960px) {
+    .katex-display > ::-webkit-scrollbar {
+        width: 0px;
+        height: 2px;
+    }
+} */
+
+// .katex {
+//     font-size: 1.05em;
+//     direction: ltr;
+//   }
+
+//   .katex-display > ::-webkit-scrollbar {
+//     overflow: auto hidden;
+//     -webkit-overflow-scrolling: touch;
+//     padding-top: 0.2em;
+//     padding-bottom: 0.2em;
+//     height: 3px;
+//   }
+
+//   .katex-error {
+//     color: #f00;
+//   }
+
+//   .katex-display > .katex {
+//     display: inline-block;
+//     max-width: 100%;
+//     overflow-x: scroll;
+//     text-align: auto;
+//     overflow-y: hidden;
+// }
 /* katex styles end */
 
 /* custom responsive medium zoom component style */
@@ -122,16 +181,14 @@ samp {
 }
 /* global code font styles ends */
 
-// specify vitepress home hero image's width to 300 px for preventing image overlapping on text
+/* specify vitepress home hero image's width to 300 px for preventing image overlapping on text */
 img.VPImage.image-src {
     width: 300px;
 }
-// hero image sytles ends
+/* hero image sytles ends */
 
-//  aligning homepage team member section vertically in straight line
+/* aligning homepage team member section vertically in straight line */
 .vp-doc > div {
     width: 100%;
 }
-// team member section styles end
-
-//
\ No newline at end of file
+/* team member section styles end */
diff --git a/docs/.vitepress/theme/styles/index.scss b/docs/.vitepress/theme/styles/index.scss
index b89bc352..17c1cb89 100644
--- a/docs/.vitepress/theme/styles/index.scss
+++ b/docs/.vitepress/theme/styles/index.scss
@@ -1,2 +1 @@
 @import './custom.scss';
-@import './var.scss'
\ No newline at end of file
diff --git a/docs/.vitepress/theme/styles/var.scss b/docs/.vitepress/theme/styles/vars.css
similarity index 83%
rename from docs/.vitepress/theme/styles/var.scss
rename to docs/.vitepress/theme/styles/vars.css
index a6b03fdd..55e5366a 100644
--- a/docs/.vitepress/theme/styles/var.scss
+++ b/docs/.vitepress/theme/styles/vars.css
@@ -1,4 +1,4 @@
-// global tweak styles for hero image gradient filter
+/* global tweak styles for hero image gradient filter */
 :root {
     --vp-home-hero-name-color: transparent;
     --vp-home-hero-name-background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
@@ -18,4 +18,4 @@
         --vp-home-hero-image-filter: blur(72px);
     }
 }
-// hero image gradient styles end
\ No newline at end of file
+/* hero image gradient styles end */