diff options
| author | Marshall Lochbaum <mwlochbaum@gmail.com> | 2021-07-31 18:19:43 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-31 18:19:43 -0400 |
| commit | 15967a87b3948f1631dbcbed540378fc6e302415 (patch) | |
| tree | f033d355b85c678b59cf0a519403810b9f4ca2a1 /docs/style.css | |
| parent | c2afaad9f6951c2f635f2ac63842f190dd799573 (diff) | |
| parent | bbcb9e49d454c2d4d203df7675626c10c25e539d (diff) | |
Merge pull request #13 from pkova/master
Add customizable prefix key in js repl
Diffstat (limited to 'docs/style.css')
| -rw-r--r-- | docs/style.css | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/docs/style.css b/docs/style.css index 847e7448..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 { @@ -181,20 +184,20 @@ 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; } 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; } 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; } |