Minor style improvements.

This commit is contained in:
Tom Alexander 2023-08-18 16:26:05 -04:00
parent 13fab742e5
commit c3be0f249d
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
3 changed files with 27 additions and 3 deletions

View File

@ -5,7 +5,7 @@
<script type="text/javascript" src="script.js" defer></script>
</head>
<body>
Input org-mode source:<br/>
<h2>Input org-mode source:</h2>
<textarea id="org-input" rows="24" cols="80"></textarea>
<hr/>
<div id="parse-output" class="code_block" style="padding-left: calc(2ch + 10px); counter-set: code_line_number 0;"><code>This is line 1</code><code class="highlighted">This is line 2</code><code>This is line 3</code></div>

View File

@ -22,6 +22,7 @@ inputElement.addEventListener("input", async () => {
inFlightRequest.abort();
inFlightRequest = null;
}
outputElement.innerHTML = "";
let newRequest = abortableFetch("/parse", {
method: "POST",

View File

@ -1,3 +1,28 @@
h1, h2, h3, h4, h5, h6, h7 {
font-weight: 700;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 18px;
}
h7 {
font-size: 18px;
}
.code_block {
font: 14px/1.4 "Cascadia Mono", monospace;
background: #272822ff;
@ -5,8 +30,6 @@
display: table;
white-space: break-spaces;
padding: 5px;
/* color for line numbers */
}
.code_block > code {