From 6a2745487e1f27c35e1b57454e56951444412e4e Mon Sep 17 00:00:00 2001
From: Zihua Li <i@zihua.li>
Date: Tue, 19 Mar 2024 16:18:24 +0800
Subject: [PATCH] Remove pagination for documentation

---
 .../website/src/components/PostLayout.jsx     | 20 --------
 packages/website/src/pages/styles.scss        | 50 -------------------
 2 files changed, 70 deletions(-)

diff --git a/packages/website/src/components/PostLayout.jsx b/packages/website/src/components/PostLayout.jsx
index d8aba27d48..f1ffdc2c5e 100644
--- a/packages/website/src/components/PostLayout.jsx
+++ b/packages/website/src/components/PostLayout.jsx
@@ -85,26 +85,6 @@ const PostLayout = ({ title, pageType, filePath, permalink, children }) => {
               <h1 id={slug(title)}>{title}</h1>
               {children}
             </article>
-            <div className="row" id="pagination-container">
-              {prev && (
-                <a className="prev" href={prev.url}>
-                  <span className="label">{prev.title}</span>
-                  <span className="arrow">
-                    <span className="tip"></span>
-                    <span className="shaft"></span>
-                  </span>
-                </a>
-              )}
-              {next && (
-                <a className="next" href={next.url}>
-                  <span className="label">{next.title}</span>
-                  <span className="arrow">
-                    <span className="tip"></span>
-                    <span className="shaft"></span>
-                  </span>
-                </a>
-              )}
-            </div>
             <div className={styles.editOnGitHub}>
               <a
                 className={styles.editLink}
diff --git a/packages/website/src/pages/styles.scss b/packages/website/src/pages/styles.scss
index ba413c5efb..cdc1e4ecdd 100644
--- a/packages/website/src/pages/styles.scss
+++ b/packages/website/src/pages/styles.scss
@@ -166,41 +166,6 @@ svg .feat-3 {
   text-align: center;
 }
 
-.prev,
-.next,
-.arrow {
-  display: inline-block;
-  height: 1em;
-  line-height: 1em;
-}
-.prev,
-.prev .label,
-.prev .arrow {
-  float: left;
-}
-.next,
-.next .label,
-.next .arrow {
-  float: right;
-}
-.prev .label,
-.next .label {
-  font-size: 1.25rem;
-  display: inline-block;
-  height: 2em;
-  line-height: 2em;
-}
-.arrow {
-  padding: 0.33em 0.67em;
-}
-.prev:hover .arrow {
-  padding-left: 0.77em;
-  padding-right: 0.57em;
-}
-.next:hover .arrow {
-  padding-left: 0.57em;
-  padding-right: 0.77em;
-}
 .arrow .shaft {
   background-color: #000;
   border-bottom: 3px solid #fff;
@@ -1142,21 +1107,6 @@ body:not(.home) .navbar-link:before {
   font-size: 1em;
 }
 
-#pagination-container {
-  font-size: 2.5rem;
-  max-width: var(--width-readable);
-}
-#pagination-container .prev:after {
-  content: 'Previous';
-}
-#pagination-container .next:before {
-  content: 'Next';
-}
-#pagination-container .next:before,
-#pagination-container .prev:after {
-  font-family: 'Sofia Pro', sans-serif;
-}
-
 /*** Playground ***/
 
 #playground-container .codepen {