@primer/brand-css 0.56.2-rc.d86bf5b5 → 0.56.2-rc.e041ed4c
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/components/Prose/Prose.css +23 -0
- package/package.json +1 -1
|
@@ -318,6 +318,29 @@
|
|
|
318
318
|
border: 1px solid var(--brand-color-border-muted);
|
|
319
319
|
}
|
|
320
320
|
|
|
321
|
+
.Prose video,
|
|
322
|
+
.Prose iframe[src*='youtube.com'],
|
|
323
|
+
.Prose iframe[src*='youtu.be'] {
|
|
324
|
+
--spacing: var(--brand-Prose-img-spacing);
|
|
325
|
+
|
|
326
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
327
|
+
display: block;
|
|
328
|
+
height: auto;
|
|
329
|
+
margin-left: auto;
|
|
330
|
+
margin-right: auto;
|
|
331
|
+
margin-block-end: var(--spacing);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.Prose video {
|
|
335
|
+
max-width: 100%;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
.Prose iframe[src*='youtube.com'],
|
|
339
|
+
.Prose iframe[src*='youtu.be'] {
|
|
340
|
+
width: 100%;
|
|
341
|
+
aspect-ratio: 16 / 9;
|
|
342
|
+
}
|
|
343
|
+
|
|
321
344
|
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
322
345
|
@media (prefers-reduced-motion: reduce) {
|
|
323
346
|
.Prose a,
|