Several fixes for youtube figures
This commit is contained in:
parent
27c1a84ee4
commit
ccedb4c2bd
2 changed files with 11 additions and 10 deletions
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue