diff --git a/site/src/components/Repl/CodeMirror.svelte b/site/src/components/Repl/CodeMirror.svelte
index a51b532565..8c3f5a0660 100644
--- a/site/src/components/Repl/CodeMirror.svelte
+++ b/site/src/components/Repl/CodeMirror.svelte
@@ -205,13 +205,6 @@
border: none;
}
- .codemirror-container .message {
- position: absolute;
- bottom: 2.4rem;
- left: 2.4rem;
- z-index: 20;
- }
-
.codemirror-container :global(.error-loc) {
position: relative;
border-bottom: 2px solid #da106e;
@@ -221,17 +214,6 @@
background-color: rgba(200, 0, 0, .05);
}
- .loading {
- text-align: center;
- color: #999;
- font-weight: 400;
- margin: 2.4rem 0 0 0;
- }
-
- .loading {
- background-color: #666;
- }
-
textarea {
visibility: hidden;
}
@@ -259,10 +241,6 @@
padding: 0 0 0 4px;
height: auto;
}
-
- .flex .loading {
- display: none;
- }
diff --git a/site/src/components/Repl/Input/ModuleEditor.svelte b/site/src/components/Repl/Input/ModuleEditor.svelte
index e7a3a0e6c7..13f808bf8f 100644
--- a/site/src/components/Repl/Input/ModuleEditor.svelte
+++ b/site/src/components/Repl/Input/ModuleEditor.svelte
@@ -27,7 +27,7 @@
}
@media (min-width: 600px) {
- .editor-wrapper.columns {
+ :global(.columns) .editor-wrapper {
/* make it easier to interact with scrollbar */
padding-right: 8px;
height: auto;
diff --git a/site/src/components/Repl/Output/Viewer.svelte b/site/src/components/Repl/Output/Viewer.svelte
index db8220fb93..42f3e31326 100644
--- a/site/src/components/Repl/Output/Viewer.svelte
+++ b/site/src/components/Repl/Output/Viewer.svelte
@@ -128,25 +128,6 @@
bottom: 0;
width: 100%;
}
-
- .overlay p {
- pointer-events: all;
- }
-
- .pending {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- text-align: center;
- pointer-events: all;
- }
-
- .pending button {
- position: absolute;
- margin-top: 6rem;
- }
diff --git a/site/src/components/Repl/Output/index.svelte b/site/src/components/Repl/Output/index.svelte
index e6cd695edb..d1b2bd344e 100644
--- a/site/src/components/Repl/Output/index.svelte
+++ b/site/src/components/Repl/Output/index.svelte
@@ -119,14 +119,6 @@
color: var(--text);
}
- .loading.message {
- position: absolute !important;
- background-color: #666;
- top: 1em;
- left: 50%;
- transform: translate(-50%,0);
- }
-
.props {
display: grid;
padding: 0.5em;
diff --git a/site/src/components/Repl/index.svelte b/site/src/components/Repl/index.svelte
index 6b351f8535..514b913710 100644
--- a/site/src/components/Repl/index.svelte
+++ b/site/src/components/Repl/index.svelte
@@ -196,10 +196,6 @@
width: 100%;
}
- .input-output-toggle {
- display: none;
- }
-
.offset {
transition: none;
transform: none;
diff --git a/site/src/components/TopNav.svelte b/site/src/components/TopNav.svelte
index 69b5258b43..d1e4db6d31 100644
--- a/site/src/components/TopNav.svelte
+++ b/site/src/components/TopNav.svelte
@@ -156,23 +156,6 @@
height: 2rem;
}
- .menu-link {
- cursor: pointer;
- -webkit-tap-highlight-color: transparent;
- -webkit-touch-callout: none;
- }
-
- .logo {
- position: relative;
- top: .3rem;
- width: 18rem;
- color: var(--second);
- -webkit-tap-highlight-color: transparent;
- -webkit-touch-callout: none;
- z-index: 11;
- padding: 0.5em 0;
- }
-
.home {
position: relative;
top: 0;
diff --git a/site/src/routes/index.svelte b/site/src/routes/index.svelte
index 75488610a6..0171d4a450 100644
--- a/site/src/routes/index.svelte
+++ b/site/src/routes/index.svelte
@@ -107,11 +107,6 @@
top: 0.6em;
}
- h6 {
- max-width: 25em;
- padding: 2.4rem;
- }
-
.example {
background: var(--second);
color: white;