aboutsummaryrefslogtreecommitdiff
path: root/internal/mdedit/res/style.css
diff options
context:
space:
mode:
authorStefan Majewsky <majewsky@gmx.net>2025-09-30 13:34:10 +0200
committerStefan Majewsky <majewsky@gmx.net>2025-09-30 13:37:25 +0200
commite75d9e371269a4e46bffa6b3dd1fc7d040e82750 (patch)
treec1f2a9aa8022a2710af5e5a577578855584540df /internal/mdedit/res/style.css
parent0bb27576a37de4bf76dab35c73fa8790fcfa706a (diff)
downloadgofu-e75d9e371269a4e46bffa6b3dd1fc7d040e82750.tar.gz
add mdeditv2025.1
Diffstat (limited to 'internal/mdedit/res/style.css')
-rw-r--r--internal/mdedit/res/style.css48
1 files changed, 48 insertions, 0 deletions
diff --git a/internal/mdedit/res/style.css b/internal/mdedit/res/style.css
new file mode 100644
index 0000000..01cd0c2
--- /dev/null
+++ b/internal/mdedit/res/style.css
@@ -0,0 +1,48 @@
+:root {
+ height: 100vh;
+ overflow: none;
+}
+
+body {
+ display: grid;
+ margin: 0;
+ padding: 0;
+ grid-template-rows: 2rem 1fr;
+ grid-template-columns: 1fr 1fr;
+ grid-template-areas: "nav nav" "editor preview";
+ overflow: hidden;
+ height: 100vh;
+ font-family: system-ui, sans-serif;
+
+ & > nav { grid-area: nav; }
+ & > textarea#editor { grid-area: editor; }
+ & > div#preview { grid-area: preview; }
+}
+
+nav {
+ height: 2rem;
+ line-height: 2rem;
+ padding: 0 1rem;
+ background: #111;
+ color: white;
+
+ & > span#title { font-weight: bold; }
+}
+
+textarea#editor {
+ margin: 0;
+ border: none;
+ background: #333;
+ color: white;
+
+ resize: none;
+ overflow-y: scroll;
+ height: 100%;
+}
+
+div#preview {
+ padding: 0 1rem;
+
+ overflow: scroll;
+ height: 100%;
+}