@draftbase/renderer 0.3.1 → 0.3.2
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.
- package/dist/styles.css +21 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -6,6 +6,20 @@
|
|
|
6
6
|
.db-content {
|
|
7
7
|
line-height: 1.6;
|
|
8
8
|
color: inherit;
|
|
9
|
+
overflow-wrap: break-word;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* remark-gfm emits the footnotes label as .sr-only; define it so it stays hidden
|
|
13
|
+
without the consumer needing Tailwind or their own utility. */
|
|
14
|
+
.db-content .sr-only {
|
|
15
|
+
position: absolute;
|
|
16
|
+
width: 1px;
|
|
17
|
+
height: 1px;
|
|
18
|
+
padding: 0;
|
|
19
|
+
margin: -1px;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
clip-path: inset(50%);
|
|
22
|
+
white-space: nowrap;
|
|
9
23
|
}
|
|
10
24
|
|
|
11
25
|
.db-content > :first-child {
|
|
@@ -29,7 +43,7 @@
|
|
|
29
43
|
|
|
30
44
|
/* Highlights a footnote/citation anchor when the URL hash lands on it, e.g. #fn-1. */
|
|
31
45
|
.db-content :target {
|
|
32
|
-
background: var(--
|
|
46
|
+
background: var(--db-target-bg, rgba(127, 127, 127, 0.15));
|
|
33
47
|
}
|
|
34
48
|
|
|
35
49
|
.db-content h1 {
|
|
@@ -174,9 +188,14 @@
|
|
|
174
188
|
background: none;
|
|
175
189
|
}
|
|
176
190
|
|
|
191
|
+
/* display:block so wide tables scroll instead of overflowing the page on mobile;
|
|
192
|
+
costs full-bleed stretch for narrow tables. */
|
|
177
193
|
.db-content table {
|
|
178
194
|
border-collapse: collapse;
|
|
179
|
-
|
|
195
|
+
display: block;
|
|
196
|
+
width: max-content;
|
|
197
|
+
max-width: 100%;
|
|
198
|
+
overflow-x: auto;
|
|
180
199
|
}
|
|
181
200
|
|
|
182
201
|
.db-content th,
|