aboutsummaryrefslogtreecommitdiff
path: root/demos/react-fast-refresh-test/src/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'demos/react-fast-refresh-test/src/index.css')
-rw-r--r--demos/react-fast-refresh-test/src/index.css98
1 files changed, 0 insertions, 98 deletions
diff --git a/demos/react-fast-refresh-test/src/index.css b/demos/react-fast-refresh-test/src/index.css
deleted file mode 100644
index c4514199c..000000000
--- a/demos/react-fast-refresh-test/src/index.css
+++ /dev/null
@@ -1,98 +0,0 @@
-@import "./colors.css";
-
-:root {
- --heading-font: "Space Mono", system-ui;
- --body-font: "IBM Plex Sans", system-ui;
-
- --color-brand: #02ff00;
- --color-brand-muted: rgb(2, 150, 0);
-
- --padding-horizontal: 90px;
-
- --page-background: black;
- --page-background-alpha: rgba(0, 0, 0, 0.8);
-
- --result__background-color: black;
- --result__primary-color: var(--color-brand);
- --result__foreground-color: white;
- --result__muted-color: rgb(165, 165, 165);
-
- --card-width: 352px;
-
- --page-width: 1152px;
-
- --snippets_container-background-unfocused: #171717;
- --snippets_container-background-focused: #0017e9;
- --snippets_container-background: var(
- --snippets_container-background-unfocused
- );
- --snippets_container-muted-color: rgb(153, 153, 153);
-}
-
-body {
- color: white;
- margin: 0;
-
- padding: 0;
- font-family: var(--body-font);
- background-color: var(--page-background);
- color: var(--result__muted-color);
- display: flex;
- flex-direction: column;
- height: 100%;
-}
-
-#reactroot,
-#__next,
-body,
-html {
- height: 100%;
-}
-
-.RenderCounter {
- border: 10px solid var(--snippets_container-background-focused);
- margin: 10px;
- padding: 10px;
- animation: flash 0.2s linear;
- animation-fill-mode: forwards;
-}
-
-.RenderCounter-meta {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- margin: -10px;
- padding: 10px;
- background-color: #111;
-}
-
-.RenderCounter-lastRender,
-.RenderCounter-title {
- white-space: nowrap;
- color: rgb(153, 153, 153);
-}
-
-@keyframes flash {
- from {
- border-color: var(--snippets_container-background-focused);
- }
-
- to {
- border-color: var(--snippets_container-background-unfocused);
- }
-}
-
-.Button {
- display: block;
-
- border: 1px solid rgb(20, 180, 0);
- background-color: rgb(2, 150, 0);
- color: white;
- font-weight: 500;
- padding: 10px 12px;
- border-radius: 4px;
- text-transform: uppercase;
- text-align: center;
- width: fit-content;
- cursor: pointer;
-}