enhance editor frame border

reorx · Oct 16, 2022 · 3acf2dc · 3acf2dc
1 parent 195f411
commit 3acf2dc
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/live-server/editor/styles.css b/live-server/editor/styles.css
@@ -1,3 +1,7 @@
+:root {
+  --frame-border: 5px solid #ddd;
+}
+
 html, body {
   margin: 0;
   padding: 0;
@@ -22,7 +26,7 @@ html, body {
   flex-direction: column;
 }
 .main .right {
-  border-left: 5px solid #ddd;
+  border-left: var(--frame-border);
 }
 
 /* left */
@@ -39,7 +43,7 @@ html, body {
 .editor {
   flex-grow: 1;
   position: relative;
-  border-top: 1px solid #aaa;
+  border-top: var(--frame-border);
 }
 
 /* right */