Separate main css from build script

Bellangelo · Bellangelo · commit b3949bdf468d · 2024-12-19T08:57:08.000+02:00
diff --git a/scripts/md2html/main.css b/scripts/md2html/main.css
@@ -0,0 +1,73 @@
+#respec-ui {
+    visibility: hidden;
+}
+
+#title {
+    color: #578000;
+}
+
+#subtitle {
+    color: #578000;
+}
+
+.dt-published {
+    color: #578000;
+}
+
+.dt-published::before {
+    content: "Published ";
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #578000;
+    font-weight: normal;
+    font-style: normal;
+}
+
+a[href] {
+    color: #45512c;
+}
+
+body:not(.toc-inline) #toc h2 {
+    color: #45512c;
+}
+
+table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+}
+
+table th {
+    font-weight: 600;
+}
+
+table th, table td {
+    padding: 6px 13px;
+    border: 1px solid #dfe2e5;
+}
+
+table tr {
+    background-color: #fff;
+    border-top: 1px solid #c6cbd1;
+}
+
+table tr:nth-child(2n) {
+    background-color: #f6f8fa;
+}
+
+pre {
+    background-color: #f6f8fa !important;
+}
+
+code {
+    color: #c83500
+}
+
+th code {
+    color: inherit
+}
+
+a.bibref {
+    text-decoration: underline;
+}
diff --git a/scripts/md2html/md2html.js b/scripts/md2html/md2html.js
@@ -137,20 +137,7 @@ function preface(title,options) {
     catch (ex) {}
     preface += '</head><body>';
     preface += '<style>';
-    preface += '#respec-ui { visibility: hidden; }';
-    preface += '#title { color: #578000; } #subtitle { color: #578000; }';
-    preface += '.dt-published { color: #578000; } .dt-published::before { content: "Published "; }';
-    preface += 'h1,h2,h3,h4,h5,h6 { color: #578000; font-weight: normal; font-style: normal; }';
-    preface += 'a[href] { color: #45512c; }';
-    preface += 'body:not(.toc-inline) #toc h2 { color: #45512c; }';
-    preface += 'table { display: block; width: 100%; overflow: auto; }';
-    preface += 'table th { font-weight: 600; }';
-    preface += 'table th, table td { padding: 6px 13px; border: 1px solid #dfe2e5; }';
-    preface += 'table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }';
-    preface += 'table tr:nth-child(2n) { background-color: #f6f8fa; }';
-    preface += 'pre { background-color: #f6f8fa !important; }';
-    preface += 'code { color: #c83500 } th code { color: inherit }';
-    preface += 'a.bibref { text-decoration: underline;}';
+    preface += fs.readFileSync(path.resolve(__dirname,'main.css'),'utf8').split(/\r?\n/).join(' ');
     preface += fs.readFileSync(path.resolve(__dirname,'gist.css'),'utf8').split(/\r?\n/).join(' ');
     preface += '</style>';
     preface += `<h1 id="title">${title.split('|')[0]}</h1>`;
