crc/retroforth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

html export: note where the css colors came from

Browse source 
FossilOrigin-Name: 14bdad7b709a510f26a5d1d440b8551f58515609c22c9dbf12d20c7c5c103f5b
This commit is contained in:
crc 2020-02-21 20:15:55 +00:00
parent 8e599f214f
commit 5740debfae
1 changed files with 25 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
example/export-as-html.retro
View file

@ -46,35 +46,35 @@ The formatting must follow the following limits:
# Title
## Subtitle
### Level 3 Title
Paragraph. *Bold*, _italics_, `inline code`.
Another paragraph.
- list element
- list element
- nested list element
- nested list element
- list element
~~~
:retro code ;
~~~
```
tests
```
Sample code or output with four leading spaces is
note colorized.
this will be code, but not run through the
colorizer.
More paragraph text.
----
Above is a horizontal separator.
----
@ -350,6 +350,9 @@ reset
This concludes the Markdown (subset) in RETRO utility. All that's
left is the CSS.
For the colors, I'm mostly using the _Tomorrow Night_ colors as
listed at https://github.com/chriskempson/tomorrow-theme
## CSS
* {
@ -383,17 +386,17 @@ left is the CSS.
}
span { white-space: pre; background: #1d1f21; }
.text { color: #c5c8c6; white-space: pre }
.colon { color: #cc6666; }
.note { color: #969896; }
.str { color: #f0c674; }
.num { color: #8abeb7; }
.fnum { color: #8abeb7; font-weight: bold; }
.ptr { color: #b294bb; font-weight: bold; }
.text { color: #c5c8c6; white-space: pre }
.colon { color: #cc6666; }
.note { color: #969896; }
.str { color: #f0c674; }
.num { color: #8abeb7; }
.fnum { color: #8abeb7; font-weight: bold; }
.ptr { color: #b294bb; font-weight: bold; }
.fetch { color: #b294bb; }
.store { color: #b294bb; }
.char { color: #81a2be; }
.inst { color: #de935f; }
.defer { color: #888; }
.imm { color: #de935f; }
.prim { color: #b5bd68; font-weight: bold; }
.char { color: #81a2be; }
.inst { color: #de935f; }
.defer { color: #888888; }
.imm { color: #de935f; }
.prim { color: #b5bd68; font-weight: bold; }