11table.markdownTable th {
22 color: unset;
33}
4+
5+ /* overrides from default CSS for some admonitions */
6+ dl.note,
7+ dl.remark,
8+ dl.warning,
9+ dl.attention,
10+ dl.important,
11+ dl.deprecated,
12+ dl.see {
13+ color: unset;
14+ box-shadow: 5px 5px 5px hsla(0, 0%, 19.2%, 0.5);
15+ }
16+
17+ dl.remark {
18+ background: var(--remark-color-bg);
19+ border-left: 8px solid var(--remark-color-hl);
20+ }
21+
22+ dl.remark dt {
23+ color: var(--remark-color-hl);
24+ }
25+
26+ dl.important dt {
27+ color: var(--important-color-hl);
28+ }
29+
30+ dl.important {
31+ background: var(--important-color-bg);
32+ border-left: 8px solid var(--important-color-hl);
33+ }
34+
35+ dl.attention dt {
36+ color: var(--attention-color-hl);
37+ }
38+
39+ dl.attention {
40+ background: var(--attention-color-bg);
41+ border-left: 8px solid var(--attention-color-hl);
42+ }
43+
44+ dl.deprecated dt {
45+ color: var(--deprecated-color-hl);
46+ }
47+
48+ dl.deprecated {
49+ background: var(--deprecated-color-bg);
50+ border-left: 8px solid var(--deprecated-color-hl);
51+ }
52+
53+ /* special rules to accent `/see` or `/sa` command output */
54+ dl.see {
55+ background: var(--seealso-color-bg);
56+ border-left: 8px solid var(--seealso-color-hl);
57+ }
58+
59+ dl.see dt {
60+ color: var(--seealso-color-hl);
61+ }
62+
63+ dl.see {
64+ padding: 10px;
65+ margin: 10px 0px;
66+ overflow: hidden;
67+ margin-left: 0;
68+ border-radius: 4px;
69+ }
70+
71+ dl.see dd {
72+ margin-left: 0;
73+ }
74+
75+ /* admonition icons */
76+ dl.note dt::before {
77+ background-color: var(--note-color-hl);
78+ mask-image: var(--note-icon);
79+ }
80+
81+ dl.see dt::before {
82+ background-color: var(--seealso-color-hl);
83+ mask-image: var(--seealso-icon);
84+ }
85+
86+ dl.remark dt::before {
87+ background-color: var(--remark-color-hl);
88+ mask-image: var(--remark-icon);
89+ }
90+
91+ dl.warning dt::before {
92+ background-color: var(--warning-color-hl);
93+ mask-image: var(--warning-icon);
94+ }
95+
96+ dl.deprecated dt::before {
97+ background-color: var(--deprecated-color-hl);
98+ mask-image: var(--deprecated-icon);
99+ }
100+
101+ dl.important dt::before {
102+ background-color: var(--important-color-hl);
103+ mask-image: var(--important-icon);
104+ }
105+
106+ dl.attention dt::before {
107+ background-color: var(--attention-color-hl);
108+ mask-image: var(--attention-icon);
109+ }
110+
111+ dl.note dt::before,
112+ dl.see dt::before,
113+ dl.warning dt::before,
114+ dl.remark dt::before,
115+ dl.deprecated dt::before,
116+ dl.important dt::before,
117+ dl.attention dt::before {
118+ vertical-align: middle;
119+ background-repeat: no-repeat;
120+ content: "";
121+ display: inline-block;
122+ height: 2em;
123+ width: 2em;
124+ margin-right: 0.25rem;
125+ }
126+
127+ dl.note dt,
128+ dl.see dt,
129+ dl.warning dt,
130+ dl.remark dt,
131+ dl.deprecated dt,
132+ dl.important dt,
133+ dl.attention dt {
134+ margin-top: -0.35em;
135+ margin-bottom: 0.5em;
136+ }
137+
138+ /* icon SVG data */
139+ *:root {
140+ --note-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-280q17 0 28.5-11.5T520-320v-160q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480v160q0 17 11.5 28.5T480-280Zm0-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
141+ --warning-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg>');
142+ --remark-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-80q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM360-200q-17 0-28.5-11.5T320-240q0-17 11.5-28.5T360-280h240q17 0 28.5 11.5T640-240q0 17-11.5 28.5T600-200H360Zm-30-120q-69-41-109.5-110T180-580q0-125 87.5-212.5T480-880q125 0 212.5 87.5T780-580q0 81-40.5 150T630-320H330Zm24-80h252q45-32 69.5-79T700-580q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 54 24.5 101t69.5 79Zm126 0Z"/></svg>');
143+ --attention-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440ZM363-120q-16 0-30.5-6T307-143L143-307q-11-11-17-25.5t-6-30.5v-234q0-16 6-30.5t17-25.5l164-164q11-11 25.5-17t30.5-6h234q16 0 30.5 6t25.5 17l164 164q11 11 17 25.5t6 30.5v234q0 16-6 30.5T817-307L653-143q-11 11-25.5 17t-30.5 6H363Zm1-80h232l164-164v-232L596-760H364L200-596v232l164 164Zm116-280Z"/></svg>');
144+ --important-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-360q17 0 28.5-11.5T520-400q0-17-11.5-28.5T480-440q-17 0-28.5 11.5T440-400q0 17 11.5 28.5T480-360Zm0-160q17 0 28.5-11.5T520-560v-160q0-17-11.5-28.5T480-760q-17 0-28.5 11.5T440-720v160q0 17 11.5 28.5T480-520ZM240-240l-92 92q-19 19-43.5 8.5T80-177v-623q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240Zm-34-80h594v-480H160v525l46-45Zm-46 0v-480 480Z"/></svg>');
145+ --seealso-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/></svg>');
146+ --deprecated-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>');
147+ }
148+
149+ /* color overrides */
150+ html,
151+ html.dark-mode {
152+ --note-color-hl: hsl(213.7, 92.8%, 62%);
153+ --note-color-bg: hsla(213.7, 92.8%, 62%, 12.5%);
154+ --warning-color-hl: hsl(40.6, 72.1%, 47.8%);
155+ --warning-color-bg: hsla(40.6, 72.1%, 47.8%, 12.5%);
156+ --attention-color-hl: hsl(2.7, 92.6%, 62.9%);
157+ --attention-color-bg: hsla(2.7, 92.6%, 62.9%, 12.5%);
158+ --deprecated-color-hl: hsl(0, 0%, 47%);
159+ --deprecated-color-bg: hsla(0, 0%, 47%, 12.5%);
160+ --seealso-color-hl: hsl(323, 72%, 52%);
161+ --seealso-color-bg: hsla(323, 72%, 52%, 12.5%);
162+ --remark-color-hl: hsl(128.4, 49.2%, 48.6%);
163+ --remark-color-bg: hsla(128.4, 49.2%, 48.6%, 12.5%);
164+ --important-color-hl: hsl(262.4, 89.8%, 73.1%);
165+ --important-color-bg: hsla(262.4, 89.8%, 73.1%, 12.5%);
166+ }
0 commit comments