From 2f6dedd414a3dd3f18b1a2894ce9010d48a8f66a Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <jamesnw@gmail.com>
Date: Sun, 2 Jul 2023 12:42:05 -0400
Subject: [PATCH] Fix nits

---
 source/assets/js/playground.ts                 |  4 ++--
 source/assets/sass/components/_playground.scss | 10 +++++-----
 source/playground.liquid                       |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/source/assets/js/playground.ts b/source/assets/js/playground.ts
index e63c37e..1a5f420 100644
--- a/source/assets/js/playground.ts
+++ b/source/assets/js/playground.ts
@@ -47,7 +47,7 @@ function setupPlayground() {
     },
   });
 
-  // Setup input sass view
+  // Setup input Sass view
   const editor = new EditorView({
     doc: playgroundState.inputValue,
     extensions: [
@@ -58,7 +58,7 @@ function setupPlayground() {
         }
       }),
     ],
-    parent: document.querySelector('.sl-code-is-precompiled') || undefined,
+    parent: document.querySelector('.sl-code-is-source') || undefined,
   });
 
   // Setup CSS view
diff --git a/source/assets/sass/components/_playground.scss b/source/assets/sass/components/_playground.scss
index 7a22b1b..e8b98b5 100644
--- a/source/assets/sass/components/_playground.scss
+++ b/source/assets/sass/components/_playground.scss
@@ -141,13 +141,13 @@
   overflow: hidden auto;
 }
 
-// Precompiled and Compiled code container
+// Source and Compiled code container
 .sl-c-playground__code-editor-wrapper {
   background-color: var(--sl-background--editor);
   border: var(--sl-border--small) solid var(--sl-color--code-background-darker);
 }
 
-[data-code='precompiled'] {
+[data-code='source'] {
   --sl-background--editor: var(--sl-color--white);
 
   grid-area: sass;
@@ -198,7 +198,7 @@
   }
 
   &.cm-focused {
-    [data-code='precompiled'] & {
+    [data-code='source'] & {
       outline: 1px solid var(--sl-color--warning-light);
     }
 
@@ -228,7 +228,7 @@
     color: var(--sl-color--code-bright);
   }
 
-  .sl-code-is-precompiled & {
+  .sl-code-is-source & {
     cursor: text;
   }
 }
@@ -287,7 +287,7 @@
     --sl-color--button: var(--sl-color--pale-sky);
   }
 
-  [data-code='precompiled'] & {
+  [data-code='source'] & {
     [data-active='true'] {
       --sl-background--button: var(--sl-color--white);
       --sl-background--button-state: var(--sl-color--white);
diff --git a/source/playground.liquid b/source/playground.liquid
index 21a5969..1c963fa 100644
--- a/source/playground.liquid
+++ b/source/playground.liquid
@@ -5,7 +5,7 @@ is_playground: true
 ---
 
 <div class="sl-c-playground" data-compiler-has-error="false">
-  <div class="sl-c-playground__code-editor-wrapper sl-c-playground__panel" data-code="precompiled">
+  <div class="sl-c-playground__code-editor-wrapper sl-c-playground__panel" data-code="source">
     <div class="sl-c-playground__editor-tabbar" data-setting="inputFormat">
       <button
         type="button"
@@ -23,7 +23,7 @@ is_playground: true
         data-setting="inputFormat">Sass</button>
       <span data-tabbar="item" class="sl-c-playground__tabbar-title tabbar-title sl-c-playground__tabbar-version"></span>
     </div>
-    <div class="sl-c-playground__panel-content sl-code-is-precompiled"></div>
+    <div class="sl-c-playground__panel-content sl-code-is-source"></div>
   </div>
   <div class="sl-c-playground__code-editor-wrapper sl-c-playground__panel" data-code="compiled">
     <div class="sl-c-playground__editor-tabbar" data-setting="outputFormat">