hdoc-tools 0.11.6 → 0.11.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,247 +1,247 @@
1
- :root {
2
- --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
3
- ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
4
- Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
5
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
6
- --htl-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
7
- Consolas, 'Liberation Mono', 'Courier New', monospace;
8
-
9
-
10
- --htl-default-font-size: 14px;
11
- --htl-small-font-size: 12px;
12
- --htl-smallest-font-size: 10px;
13
- --htl-big-font-size: 16px;
14
- --htl-biggest-font-size: 18px;
15
- --htl-massive-font-size: 24px;
16
-
17
- }
18
-
19
- /**
20
- * Component: Custom Block
21
- * -------------------------------------------------------------------------- */
22
-
23
- :root {
24
- --htl-custom-block-code-font-size: var(--htl-default-font-size);
25
-
26
- --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
27
- --htl-custom-block-info-text: #171717;
28
- --htl-custom-block-info-bg: #d7eaf8;
29
- --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
30
-
31
-
32
- --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
33
- --htl-custom-block-tip-text: var(--htl-c-green-darker);
34
- --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
35
- --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
36
-
37
- --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
38
- --htl-custom-block-caution-text: var(--htl-c-yellow-darker);
39
- --htl-custom-block-caution-bg: var(--htl-c-yellow-dimm-3);
40
- --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
41
-
42
- --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
43
- --htl-custom-block-warning-text: var(--htl-c-red-darker);
44
- --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
45
- --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
46
-
47
- --htl-custom-block-details-border: var(--htl-c-divider-light);
48
- --htl-custom-block-details-text: var(--htl-c-text-2);
49
- --htl-custom-block-details-bg: var(--htl-c-white-soft);
50
- --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
51
-
52
- }
53
-
54
-
55
- body {
56
- font-family: var(--htl-font-family-base);
57
- }
58
-
59
- p {
60
- font-size: var(--htl-default-font-size);
61
- }
62
-
63
- li {
64
- font-size: var(--htl-default-font-size);
65
- }
66
-
67
-
68
- /**
69
- * Table
70
- * -------------------------------------------------------------------------- */
71
-
72
- table {
73
- display: block;
74
- border-collapse: collapse;
75
- margin: 20px 0;
76
- font-size: var(--htl-default-font-size);
77
- break-inside: avoid;
78
- /* sets font-size for table and table rows/td/th etc*/
79
- }
80
-
81
- tr {
82
- border-top: 1px solid var(--htl-c-divider);
83
- transition: background-color 0.5s;
84
- }
85
-
86
- tr:nth-child(2n) {
87
- background-color: var(--htl-c-bg-soft);
88
- }
89
-
90
- th,
91
- td {
92
- border: 1px solid var(--htl-c-divider);
93
- padding: 10px 14px;
94
- vertical-align: top;
95
- }
96
-
97
- th {
98
- font-size: var(--htl-default-font-size);
99
- font-weight: 600;
100
- background-color: var(--htl-c-white-soft);
101
- }
102
-
103
- .dark th {
104
- background-color: var(--htl-c-black);
105
- }
106
-
107
- hr {
108
- margin: 16px 0;
109
- border: none;
110
- border-top: 1px solid var(--htl-c-divider-light);
111
- }
112
-
113
- h1 {
114
- margin-top: -10px;
115
- }
116
-
117
- img,
118
- svg {
119
- display: inline-block;
120
- max-height: 750px;
121
- height: auto;
122
- break-inside: avoid;
123
- }
124
-
125
- video,
126
- canvas,
127
- audio,
128
- iframe,
129
- embed,
130
- object {
131
- display: none;
132
- }
133
-
134
- figure {
135
- margin: 0;
136
- }
137
-
138
- img,
139
- video {
140
- max-width: 100%;
141
- max-height: 750px;
142
- height: auto;
143
- break-inside: avoid;
144
- }
145
-
146
- .after-bullets li:not(:last-child)::after {
147
- content: "•";
148
- padding-left: 5px;
149
- padding-right: 5px;
150
- }
151
-
152
- /* top nav bar */
153
- .nav-bar-nav-list {
154
- margin-left: -39px;
155
- margin-top: -20px;
156
- align-items: stretch;
157
- display: flex;
158
- font-size: var(--htl-small-font-size);
159
- }
160
-
161
- .nav-bar-nav-list .nav-bar-item {
162
- flex-shrink: 0;
163
- align-items: center;
164
- display: flex;
165
- font-size: var(--htl-small-font-size);
166
- }
167
-
168
-
169
- .hdoc-alert {
170
- border: 1px solid transparent;
171
- border-radius: 8px;
172
- padding: 16px 16px 8px;
173
- line-height: 24px;
174
- font-size: var(--htl-default-font-size);
175
- color: var(--htl-c-text-2);
176
- margin: 10px 0;
177
- break-inside: avoid;
178
- }
179
-
180
- .hdoc-alert p {
181
- margin: 8 0;
182
- }
183
-
184
- .hdoc-alert .hdoc-alert-title .bi {
185
- margin-right: 5px;
186
-
187
- }
188
-
189
- .hdoc-alert .hdoc-alert-title {
190
- font-weight: 700;
191
- margin: 0;
192
- }
193
-
194
- .hdoc-alert.alert-icon-note {
195
- border-color: var(--htl-custom-block-details-border);
196
- color: var(--htl-custom-block-details-text);
197
- background-color: var(--htl-custom-block-details-bg);
198
- }
199
-
200
- .hdoc-alert.alert-icon-note code {
201
- background-color: var(--htl-custom-block-details-code-bg);
202
- }
203
-
204
- .hdoc-alert.alert-icon-tip {
205
- border-color: var(--htl-custom-block-tip-border);
206
- color: var(--htl-custom-block-tip-text);
207
- background-color: var(--htl-custom-block-tip-bg);
208
- }
209
-
210
- .hdoc-alert.alert-icon-tip code {
211
- background-color: var(--htl-custom-block-tip-code-bg);
212
- }
213
-
214
- .hdoc-alert.alert-icon-important {
215
- border-color: var(--htl-custom-block-info-border);
216
- color: var(--htl-custom-block-info-text);
217
- background-color: var(--htl-custom-block-info-bg);
218
-
219
- }
220
-
221
- .hdoc-alert.alert-icon-important code {
222
- background-color: var(--htl-custom-block-info-code-bg);
223
- }
224
-
225
- .hdoc-alert.alert-icon-caution {
226
- border-color: var(--htl-custom-block-caution-border);
227
- color: var(--htl-custom-block-caution-text);
228
- background-color: var(--htl-custom-block-caution-bg);
229
- }
230
-
231
- .hdoc-alert.alert-icon-caution code {
232
- background-color: var(--htl-custom-block-caution-code-bg);
233
- }
234
-
235
- .hdoc-alert.alert-icon-warning {
236
- border-color: var(--htl-custom-block-warning-border);
237
- color: var(--htl-custom-block-warning-text);
238
- background-color: var(--htl-custom-block-warning-bg);
239
- }
240
-
241
- .hdoc-alert.alert-icon-warning code {
242
- background-color: var(--htl-custom-block-warning-code-bg);
243
- }
244
-
245
- code {
246
- font-size: 0.9em;
1
+ :root {
2
+ --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
3
+ ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
4
+ Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
5
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
6
+ --htl-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
7
+ Consolas, 'Liberation Mono', 'Courier New', monospace;
8
+
9
+
10
+ --htl-default-font-size: 14px;
11
+ --htl-small-font-size: 12px;
12
+ --htl-smallest-font-size: 10px;
13
+ --htl-big-font-size: 16px;
14
+ --htl-biggest-font-size: 18px;
15
+ --htl-massive-font-size: 24px;
16
+
17
+ }
18
+
19
+ /**
20
+ * Component: Custom Block
21
+ * -------------------------------------------------------------------------- */
22
+
23
+ :root {
24
+ --htl-custom-block-code-font-size: var(--htl-default-font-size);
25
+
26
+ --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
27
+ --htl-custom-block-info-text: #171717;
28
+ --htl-custom-block-info-bg: #d7eaf8;
29
+ --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
30
+
31
+
32
+ --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
33
+ --htl-custom-block-tip-text: var(--htl-c-green-darker);
34
+ --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
35
+ --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
36
+
37
+ --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
38
+ --htl-custom-block-caution-text: var(--htl-c-yellow-darker);
39
+ --htl-custom-block-caution-bg: var(--htl-c-yellow-dimm-3);
40
+ --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
41
+
42
+ --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
43
+ --htl-custom-block-warning-text: var(--htl-c-red-darker);
44
+ --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
45
+ --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
46
+
47
+ --htl-custom-block-details-border: var(--htl-c-divider-light);
48
+ --htl-custom-block-details-text: var(--htl-c-text-2);
49
+ --htl-custom-block-details-bg: var(--htl-c-white-soft);
50
+ --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
51
+
52
+ }
53
+
54
+
55
+ body {
56
+ font-family: var(--htl-font-family-base);
57
+ }
58
+
59
+ p {
60
+ font-size: var(--htl-default-font-size);
61
+ }
62
+
63
+ li {
64
+ font-size: var(--htl-default-font-size);
65
+ }
66
+
67
+
68
+ /**
69
+ * Table
70
+ * -------------------------------------------------------------------------- */
71
+
72
+ table {
73
+ display: block;
74
+ border-collapse: collapse;
75
+ margin: 20px 0;
76
+ font-size: var(--htl-default-font-size);
77
+ break-inside: avoid;
78
+ /* sets font-size for table and table rows/td/th etc*/
79
+ }
80
+
81
+ tr {
82
+ border-top: 1px solid var(--htl-c-divider);
83
+ transition: background-color 0.5s;
84
+ }
85
+
86
+ tr:nth-child(2n) {
87
+ background-color: var(--htl-c-bg-soft);
88
+ }
89
+
90
+ th,
91
+ td {
92
+ border: 1px solid var(--htl-c-divider);
93
+ padding: 10px 14px;
94
+ vertical-align: top;
95
+ }
96
+
97
+ th {
98
+ font-size: var(--htl-default-font-size);
99
+ font-weight: 600;
100
+ background-color: var(--htl-c-white-soft);
101
+ }
102
+
103
+ .dark th {
104
+ background-color: var(--htl-c-black);
105
+ }
106
+
107
+ hr {
108
+ margin: 16px 0;
109
+ border: none;
110
+ border-top: 1px solid var(--htl-c-divider-light);
111
+ }
112
+
113
+ h1 {
114
+ margin-top: -10px;
115
+ }
116
+
117
+ img,
118
+ svg {
119
+ display: inline-block;
120
+ max-height: 750px;
121
+ height: auto;
122
+ break-inside: avoid;
123
+ }
124
+
125
+ video,
126
+ canvas,
127
+ audio,
128
+ iframe,
129
+ embed,
130
+ object {
131
+ display: none;
132
+ }
133
+
134
+ figure {
135
+ margin: 0;
136
+ }
137
+
138
+ img,
139
+ video {
140
+ max-width: 100%;
141
+ max-height: 750px;
142
+ height: auto;
143
+ break-inside: avoid;
144
+ }
145
+
146
+ .after-bullets li:not(:last-child)::after {
147
+ content: "•";
148
+ padding-left: 5px;
149
+ padding-right: 5px;
150
+ }
151
+
152
+ /* top nav bar */
153
+ .nav-bar-nav-list {
154
+ margin-left: -39px;
155
+ margin-top: -20px;
156
+ align-items: stretch;
157
+ display: flex;
158
+ font-size: var(--htl-small-font-size);
159
+ }
160
+
161
+ .nav-bar-nav-list .nav-bar-item {
162
+ flex-shrink: 0;
163
+ align-items: center;
164
+ display: flex;
165
+ font-size: var(--htl-small-font-size);
166
+ }
167
+
168
+
169
+ .hdoc-alert {
170
+ border: 1px solid transparent;
171
+ border-radius: 8px;
172
+ padding: 16px 16px 8px;
173
+ line-height: 24px;
174
+ font-size: var(--htl-default-font-size);
175
+ color: var(--htl-c-text-2);
176
+ margin: 10px 0;
177
+ break-inside: avoid;
178
+ }
179
+
180
+ .hdoc-alert p {
181
+ margin: 8 0;
182
+ }
183
+
184
+ .hdoc-alert .hdoc-alert-title .bi {
185
+ margin-right: 5px;
186
+
187
+ }
188
+
189
+ .hdoc-alert .hdoc-alert-title {
190
+ font-weight: 700;
191
+ margin: 0;
192
+ }
193
+
194
+ .hdoc-alert.alert-icon-note {
195
+ border-color: var(--htl-custom-block-details-border);
196
+ color: var(--htl-custom-block-details-text);
197
+ background-color: var(--htl-custom-block-details-bg);
198
+ }
199
+
200
+ .hdoc-alert.alert-icon-note code {
201
+ background-color: var(--htl-custom-block-details-code-bg);
202
+ }
203
+
204
+ .hdoc-alert.alert-icon-tip {
205
+ border-color: var(--htl-custom-block-tip-border);
206
+ color: var(--htl-custom-block-tip-text);
207
+ background-color: var(--htl-custom-block-tip-bg);
208
+ }
209
+
210
+ .hdoc-alert.alert-icon-tip code {
211
+ background-color: var(--htl-custom-block-tip-code-bg);
212
+ }
213
+
214
+ .hdoc-alert.alert-icon-important {
215
+ border-color: var(--htl-custom-block-info-border);
216
+ color: var(--htl-custom-block-info-text);
217
+ background-color: var(--htl-custom-block-info-bg);
218
+
219
+ }
220
+
221
+ .hdoc-alert.alert-icon-important code {
222
+ background-color: var(--htl-custom-block-info-code-bg);
223
+ }
224
+
225
+ .hdoc-alert.alert-icon-caution {
226
+ border-color: var(--htl-custom-block-caution-border);
227
+ color: var(--htl-custom-block-caution-text);
228
+ background-color: var(--htl-custom-block-caution-bg);
229
+ }
230
+
231
+ .hdoc-alert.alert-icon-caution code {
232
+ background-color: var(--htl-custom-block-caution-code-bg);
233
+ }
234
+
235
+ .hdoc-alert.alert-icon-warning {
236
+ border-color: var(--htl-custom-block-warning-border);
237
+ color: var(--htl-custom-block-warning-text);
238
+ background-color: var(--htl-custom-block-warning-bg);
239
+ }
240
+
241
+ .hdoc-alert.alert-icon-warning code {
242
+ background-color: var(--htl-custom-block-warning-code-bg);
243
+ }
244
+
245
+ code {
246
+ font-size: 0.9em;
247
247
  }