diff options
author | terminaldweller <thabogre@gmail.com> | 2022-03-31 19:53:29 +0000 |
---|---|---|
committer | terminaldweller <thabogre@gmail.com> | 2022-03-31 19:53:29 +0000 |
commit | fb5715c3dd5dd4b8171fdaecf01b24efac20570e (patch) | |
tree | d4180fd30841807d4c0198cae7b3399dcfdcbc21 /spring-front/src/index.css | |
parent | wip (diff) | |
download | mdrtl-fb5715c3dd5dd4b8171fdaecf01b24efac20570e.tar.gz mdrtl-fb5715c3dd5dd4b8171fdaecf01b24efac20570e.zip |
wip
Diffstat (limited to 'spring-front/src/index.css')
-rw-r--r-- | spring-front/src/index.css | 46 |
1 files changed, 30 insertions, 16 deletions
diff --git a/spring-front/src/index.css b/spring-front/src/index.css index c35738f..9715148 100644 --- a/spring-front/src/index.css +++ b/spring-front/src/index.css @@ -2,23 +2,20 @@ body { font-family: "DejaVuSansMono NF", Helvetica, monospace; height: 95vh; width: 95vw; + background-color: #000000; + color: #ffffff; } pre,textarea,code { direction: rtl; overflow-wrap: break-word; caret-color: green; + caret-shapre: block; white-space: pre-wrap; tab-size: 2; -} - -.editor { - background: #000000; - color: #ffffff; - width: 50%; - max-width: 50%; - height: 95%; - max-height: 50%; + font-size: 13pt; + font-family: monospace; + line-height: 15pt; } .split { @@ -41,27 +38,36 @@ pre,textarea,code { color: #ffffff; } -#editor, #highight, #highlight * { - font-size: 13pt; - font-family: monospace; - line-height: 15pt; +#highlight-content { + position: absolute; + top: 0; + left: 0; + width: 100%; + max-width: 100%; + height: 100%; + max-height: 100%; + margin: 0px; + border: 0px; + padding: 0px; } #editor, #highlight { position: absolute; top: 0; left: 0; - width: 50%; - max-width: 50%; + width: 47%; + max-width: 47%; height: 100%; max-height: 100%; + margin: 0px; + border: 0px; + padding: 0px; } #editor { z-index: 1; color: transparent; background: transparent; - caret-color: green; resize: none; } @@ -69,3 +75,11 @@ pre,textarea,code { background: #000000; z-index: 0; } + +#markdown-placeholder { + width: 95%; + max-width: 95%; + direction: rtl; + overflow-wrap: break-word; + white-space: pre-wrap; +} |