From f9925688329fb02b46e524cd31ac733f37549eeb Mon Sep 17 00:00:00 2001
From: pkova <pyry.kovanen@gmail.com>
Date: Sat, 31 Jul 2021 23:37:23 +0300
Subject: Add customizable prefix key in js repl

---
 docs/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs/style.css')

diff --git a/docs/style.css b/docs/style.css
index 847e7448..cfc3e346 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -181,7 +181,7 @@ a:link        { color: #0b39dc; text-decoration-color: #0b39dc91; }
 a:visited     { color: #3d155f; }
 
 .kb span:hover{ background-color: #bce; }
-.kb.backslash { background-color: #cee; }
+.kb.prefix { background-color: #cee; }
 
 @media (prefers-color-scheme: dark) {
   body, input, select { color: #d6d7d9; background-color: #141515; }
@@ -194,7 +194,7 @@ a:visited     { color: #3d155f; }
   table td, th{ border-color: #636967; }
   table th    { border-color: #88918c; background-color: #292a2b; }
   .kb span:hover { background-color: #237; }
-  .kb.backslash  { background-color: #1e2430; }
+  .kb.prefix  { background-color: #1e2430; }
 
   .Value      { color: #b2b9bb; }
   .Function   { color: #3aa548; }
-- 
cgit v1.2.3


From bbcb9e49d454c2d4d203df7675626c10c25e539d Mon Sep 17 00:00:00 2001
From: Marshall Lochbaum <mwlochbaum@gmail.com>
Date: Sat, 31 Jul 2021 18:16:22 -0400
Subject: Move prefix customization to bottom right of keybar

---
 docs/style.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'docs/style.css')

diff --git a/docs/style.css b/docs/style.css
index cfc3e346..3388aed7 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -112,7 +112,7 @@ textarea { width: 100%; outline: none; resize: vertical; margin: 0; }
   padding: 0.3em 0;
   position: relative;
 }
-.kb span {
+.kb span, .kb div {
   cursor: default;
   padding: 1px;
 }
@@ -120,11 +120,14 @@ textarea { width: 100%; outline: none; resize: vertical; margin: 0; }
   margin-left: 0.8em;
   font-size: 0.8em; vertical-align: 0.08em; opacity: 0.8;
 }
-.kb select {
+.kbext {
   position: absolute; bottom: 0.4em; right: 0.1em;
-  color: currentColor; opacity: 0.5;
   font-size: 0.7em;
-  border: none;
+}
+.kbext select { opacity: 0.5; border: none; }
+.prfx {
+  width: 1.2em; text-align: center; border: 1px solid #bdcac4;
+  margin-left: 0.6em;
 }
 .rel { position: relative; }
 .demo {
@@ -187,7 +190,7 @@ a:visited     { color: #3d155f; }
   body, input, select { color: #d6d7d9; background-color: #141515; }
   input       { border-color: #0c0d0e; }
   textarea, pre, code, .primitives tr td:first-child { color: #969698; background-color: #0c0d0e; }
-  textarea, pre, code, .kb { border-color: #040509; }
+  textarea, pre, code, .kb, .prfx { border-color: #040509; }
   .code, .codeCover { fill: #0c0d0e; stroke: #040509; }
   .codeCover  { stroke: #0c0d0e; }
   code        { border-color: #0c0d0e; background-color: #0f1011; }
-- 
cgit v1.2.3