Several fixes for youtube figures

This commit is contained in:
Eryn Wells 2025-01-14 19:29:19 -08:00
parent 27c1a84ee4
commit ccedb4c2bd
2 changed files with 11 additions and 10 deletions

View file

@ -29,6 +29,11 @@
justify-content: center;
}
&:has(.youtube) {
display: block;
grid-template-columns: unset;
}
> a:has(img:only-child) {
grid-column: wide-gutter-start / wide-gutter-end;
}
@ -70,17 +75,13 @@
}
.figure--youtube {
grid-column: wide-gutter-start / wide-gutter-end;
.figure .youtube {
width: 100%;
.youtube {
iframe {
aspect-ratio: 16 / 9;
margin-bottom: -3px;
width: 100%;
iframe {
aspect-ratio: 16 / 9;
margin-bottom: -3px;
width: 100%;
}
}
}