aboutsummaryrefslogtreecommitdiff
path: root/examples/css-stress-test/src/main.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'examples/css-stress-test/src/main.tsx')
-rw-r--r--examples/css-stress-test/src/main.tsx67
1 files changed, 0 insertions, 67 deletions
diff --git a/examples/css-stress-test/src/main.tsx b/examples/css-stress-test/src/main.tsx
deleted file mode 100644
index 556f3d3b7..000000000
--- a/examples/css-stress-test/src/main.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-export const Main = ({ productName }) => {
- return (
- <>
- <header>
- <div className="Title">CSS HMR Stress Test!</div>
- <p className="Description">
- This page visually tests how quickly a bundler can update CSS over Hot
- Module Reloading.
- </p>
- </header>
- <main className="main">
- <section className="ProgressSection">
- <p className="Subtitle">
- <span className="Subtitle-part">
- Ran: <span className="timer"></span>
- </span>
- </p>
-
- <div className="ProgressBar-container">
- <div className="ProgressBar"></div>
- </div>
- <div className="SectionLabel">
- The progress bar should move from left to right smoothly.
- </div>
- </section>
-
- <section>
- <div className="Spinners">
- <div className="Spinner-container Spinner-1">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-2">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-3">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-4">
- <div className="Spinner"></div>
- </div>
- </div>
- <div className="SectionLabel">
- The spinners should rotate &amp; change color smoothly.
- </div>
- </section>
- </main>
- <footer>
- <div className="SectionLabel FooterLabel">
- There are no CSS animations on this page.
- </div>
-
- <div className="Bundler-container">
- <div className="Bundler">{productName}</div>
- <div className="Bundler-updateRate">
- {/* This should loose all the styles
- <span className="highlight">
- <span className="interval"></span>ms
- </span> */}
- </div>
- </div>
- </footer>
- </>
- );
-};