@hackersheet/react-document-content-styles 0.1.0-alpha.2 → 0.1.0-alpha.4
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/basic.module.css +93 -6
- package/package.json +1 -1
package/dist/basic.module.css
CHANGED
|
@@ -117,24 +117,33 @@
|
|
|
117
117
|
.main table td :global(&.right) {
|
|
118
118
|
text-align: right;
|
|
119
119
|
}
|
|
120
|
+
.main del {
|
|
121
|
+
text-decoration: line-through;
|
|
122
|
+
}
|
|
120
123
|
.main code:not(pre code) {
|
|
121
124
|
border-radius: 4px;
|
|
122
|
-
display: inline-block;
|
|
123
125
|
box-sizing: border-box;
|
|
124
|
-
padding:
|
|
126
|
+
padding: 0.12em 0.25em;
|
|
125
127
|
font-family: var(--hsdc-font-code);
|
|
128
|
+
font-size: 0.875em;
|
|
126
129
|
line-height: 1.5;
|
|
127
130
|
border: 1px solid hsl(var(--hsdc-border));
|
|
128
131
|
background-color: hsl(var(--hsdc-muted));
|
|
129
132
|
}
|
|
130
133
|
.main blockquote {
|
|
131
|
-
|
|
134
|
+
margin: 0 0 1.8rem 0;
|
|
135
|
+
padding: 0.5rem 1rem;
|
|
136
|
+
border-left: 0.25em solid hsl(var(--hsdc-border));
|
|
132
137
|
color: hsl(var(--hsdc-muted-foreground));
|
|
133
|
-
|
|
134
|
-
|
|
138
|
+
}
|
|
139
|
+
.main blockquote > :first-child {
|
|
140
|
+
margin-top: 0;
|
|
141
|
+
}
|
|
142
|
+
.main blockquote > :last-child {
|
|
143
|
+
margin-bottom: 0;
|
|
135
144
|
}
|
|
136
145
|
.main blockquote blockquote {
|
|
137
|
-
margin: 0
|
|
146
|
+
margin: 0 0.75em;
|
|
138
147
|
}
|
|
139
148
|
.main a:not(article a) {
|
|
140
149
|
color: hsl(var(--hsdc-link));
|
|
@@ -145,6 +154,9 @@
|
|
|
145
154
|
.main summary {
|
|
146
155
|
cursor: pointer;
|
|
147
156
|
}
|
|
157
|
+
.main summary:hover {
|
|
158
|
+
background-color: hsl(var(--hsdc-muted)/0.5);
|
|
159
|
+
}
|
|
148
160
|
.main :global(.footnotes) {
|
|
149
161
|
margin: 4rem 0 1.5rem 0;
|
|
150
162
|
color: hsl(var(--hsdc-muted-foreground));
|
|
@@ -160,6 +172,10 @@
|
|
|
160
172
|
margin-right: 0.5rem;
|
|
161
173
|
}
|
|
162
174
|
|
|
175
|
+
.main :global(.react-tweet-theme) {
|
|
176
|
+
margin-left: auto;
|
|
177
|
+
margin-right: auto;
|
|
178
|
+
}
|
|
163
179
|
.main :global(.react-tweet-theme) p {
|
|
164
180
|
margin: 0;
|
|
165
181
|
line-height: 1.5;
|
|
@@ -322,3 +338,74 @@
|
|
|
322
338
|
padding: 0;
|
|
323
339
|
}
|
|
324
340
|
}
|
|
341
|
+
.main :global(.markdown-alert) {
|
|
342
|
+
padding: 0.5rem 1rem;
|
|
343
|
+
margin-bottom: 1.8rem;
|
|
344
|
+
border-left: 0.25em solid var(--github-alert-default-color);
|
|
345
|
+
}
|
|
346
|
+
.main :global(.markdown-alert) > :first-child {
|
|
347
|
+
margin-top: 0;
|
|
348
|
+
}
|
|
349
|
+
.main :global(.markdown-alert) > :nth-child(2) {
|
|
350
|
+
margin-top: 4px;
|
|
351
|
+
}
|
|
352
|
+
.main :global(.markdown-alert) > :last-child {
|
|
353
|
+
margin-bottom: 0;
|
|
354
|
+
}
|
|
355
|
+
.main :global(.markdown-alert) :global(.markdown-alert-title) {
|
|
356
|
+
display: flex;
|
|
357
|
+
margin-bottom: 4px;
|
|
358
|
+
align-items: center;
|
|
359
|
+
}
|
|
360
|
+
.main :global(.markdown-alert) :global(.markdown-alert-title) > svg {
|
|
361
|
+
margin-right: 8px;
|
|
362
|
+
}
|
|
363
|
+
.main :global(.markdown-alert):global(.markdown-alert-note) {
|
|
364
|
+
border-left-color: var(--github-alert-note-color);
|
|
365
|
+
}
|
|
366
|
+
.main :global(.markdown-alert):global(.markdown-alert-note) :global(.markdown-alert-title) {
|
|
367
|
+
color: var(--github-alert-note-color);
|
|
368
|
+
}
|
|
369
|
+
.main :global(.markdown-alert):global(.markdown-alert-tip) {
|
|
370
|
+
border-left-color: var(--github-alert-tip-color);
|
|
371
|
+
}
|
|
372
|
+
.main :global(.markdown-alert):global(.markdown-alert-tip) :global(.markdown-alert-title) {
|
|
373
|
+
color: var(--github-alert-tip-color);
|
|
374
|
+
}
|
|
375
|
+
.main :global(.markdown-alert):global(.markdown-alert-important) {
|
|
376
|
+
border-left-color: var(--github-alert-important-color);
|
|
377
|
+
}
|
|
378
|
+
.main :global(.markdown-alert):global(.markdown-alert-important) :global(.markdown-alert-title) {
|
|
379
|
+
color: var(--github-alert-important-color);
|
|
380
|
+
}
|
|
381
|
+
.main :global(.markdown-alert):global(.markdown-alert-warning) {
|
|
382
|
+
border-left-color: var(--github-alert-warning-color);
|
|
383
|
+
}
|
|
384
|
+
.main :global(.markdown-alert):global(.markdown-alert-warning) :global(.markdown-alert-title) {
|
|
385
|
+
color: var(--github-alert-warning-color);
|
|
386
|
+
}
|
|
387
|
+
.main :global(.markdown-alert):global(.markdown-alert-caution) {
|
|
388
|
+
border-left-color: var(--github-alert-caution-color);
|
|
389
|
+
}
|
|
390
|
+
.main :global(.markdown-alert):global(.markdown-alert-caution) :global(.markdown-alert-title) {
|
|
391
|
+
color: var(--github-alert-caution-color);
|
|
392
|
+
}
|
|
393
|
+
.main :global(.mermaid-block) svg {
|
|
394
|
+
margin-right: auto;
|
|
395
|
+
margin-left: auto;
|
|
396
|
+
}
|
|
397
|
+
.main :global(.mermaid-block):global(.mermaid-loading) {
|
|
398
|
+
width: 100%;
|
|
399
|
+
height: 8em;
|
|
400
|
+
display: flex;
|
|
401
|
+
justify-items: center;
|
|
402
|
+
align-items: center;
|
|
403
|
+
}
|
|
404
|
+
.main :global(.mermaid-block):global(.mermaid-loading) > div {
|
|
405
|
+
margin-left: auto;
|
|
406
|
+
margin-right: auto;
|
|
407
|
+
}
|
|
408
|
+
.main :global(.youtube-block) div > lite-youtube {
|
|
409
|
+
margin-right: auto;
|
|
410
|
+
margin-left: auto;
|
|
411
|
+
}
|