blob: fdd86f64d82ccc85c778b71c3c9e778e2313efb9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:xsl="FIXME" style="xslt-template" id="html.css.syntax">
<info>
<link type="guide" xref="html" group="templates"/>
<link type="guide" xref="templates" group="html"/>
<desc>Output CSS for syntax highlighting.</desc>
<revision version="1.0" date="2010-12-06" status="final"/>
</info>
<title>html.css.syntax</title>
<synopsis>
<title>Parameters</title>
<terms>
<item>
<title><code>$node</code></title>
<p>The node to create CSS for.</p>
</item>
<item>
<title><code>$direction</code></title>
<p>The directionality of the text, either <sys>ltr</sys> or <sys>rtl</sys>.</p>
</item>
<item>
<title><code>$left</code></title>
<p>The starting alignment, either <sys>left</sys> or <sys>right</sys>.</p>
</item>
<item>
<title><code>$right</code></title>
<p>The ending alignment, either <sys>left</sys> or <sys>right</sys>.</p>
</item>
</terms>
</synopsis>
<p>This template outputs CSS to support syntax highlighting of code blocks. Syntax
highlighting is done at document load time with JavaScript. Text in code blocks
is broken up into chunks and wrapped in HTML elements with particular classes.
This template outputs CSS to match those elements and style them with the
built-in themeable colors from <code xref="color">color</code>.</p>
<p>All parameters can be automatically computed if not provided.</p>
<list style="compact">
<title>Calls Parameters</title>
<item>
<p><link xref="color.bg"/></p>
</item>
<item>
<p><link xref="color.bg.blue"/></p>
</item>
<item>
<p><link xref="color.bg.dark"/></p>
</item>
<item>
<p><link xref="color.bg.gray"/></p>
</item>
<item>
<p><link xref="color.bg.green"/></p>
</item>
<item>
<p><link xref="color.bg.red"/></p>
</item>
<item>
<p><link xref="color.bg.yellow"/></p>
</item>
<item>
<p><link xref="color.blue"/></p>
</item>
<item>
<p><link xref="color.fg"/></p>
</item>
<item>
<p><link xref="color.fg.blue"/></p>
</item>
<item>
<p><link xref="color.fg.dark"/></p>
</item>
<item>
<p><link xref="color.fg.gray"/></p>
</item>
<item>
<p><link xref="color.fg.green"/></p>
</item>
<item>
<p><link xref="color.fg.orange"/></p>
</item>
<item>
<p><link xref="color.fg.purple"/></p>
</item>
<item>
<p><link xref="color.fg.red"/></p>
</item>
<item>
<p><link xref="color.fg.yellow"/></p>
</item>
<item>
<p><link xref="color.gray"/></p>
</item>
<item>
<p><link xref="color.red"/></p>
</item>
<item>
<p><link xref="color.yellow"/></p>
</item>
<item>
<p><link xref="html.basename"/></p>
</item>
<item>
<p><link xref="html.extension"/></p>
</item>
<item>
<p><link xref="html.sidebar.left"/></p>
</item>
<item>
<p><link xref="html.sidebar.right"/></p>
</item>
<item>
<p><link xref="html.syntax.highlight"/></p>
</item>
<item>
<p><link xref="html.xhtml"/></p>
</item>
<item>
<p><link xref="icons.size.quote"/></p>
</item>
</list>
<list style="compact">
<title>Calls Templates</title>
<item>
<p><link xref="l10n.align.end"/></p>
</item>
<item>
<p><link xref="l10n.align.start"/></p>
</item>
<item>
<p><link xref="l10n.direction"/></p>
</item>
</list>
</page>
|
