que
emite MW es típicamente:
.sn-body > #mw-content-text > .mw-parser-output > > .full-width
El bleed solo aplica si .full-width es :first-child (o :last-child) en
cada nivel — así no se dispara para imágenes que están a media página
dentro del primer
después de texto. Se enumeran los 4 niveles de
anidamiento típicos; basta con que uno matchee.
El colapso de margen propaga el margin-block negativo a través de los
wrappers (ninguno tiene padding/border vertical) hasta detenerse en
.sn-paper (que sí tiene padding-block). overflow:hidden clipea el ![]()
interno al radio del paper en las esquinas tocadas.
Caveat: en páginas con visible, el bleed-top tira la
imagen hacia arriba y la superpone al título. Usar __NOTITLE__ en páginas
diseñadas con hero al tope, o no marcar la primera imagen como full-width.
.sn-indicators está ahora position:absolute (ver más arriba) y no ocupa
flujo, por lo que .sn-body es siempre el primer elemento de flujo dentro
del paper en páginas con __NOTITLE__. */
.sn-body > :is(.full-width, [class~="'full-width'"]):first-child,
.sn-body > *:first-child > :is(.full-width, [class~="'full-width'"]):first-child,
.sn-body > *:first-child > *:first-child > :is(.full-width, [class~="'full-width'"]):first-child,
.sn-body > *:first-child > *:first-child > *:first-child > :is(.full-width, [class~="'full-width'"]):first-child {
margin-block-start: calc(-1 * var(--sn-paper-py));
border-start-start-radius: var(--sn-radius-paper);
border-start-end-radius: var(--sn-radius-paper);
overflow: hidden;
}
.sn-body > :is(.full-width, [class~="'full-width'"]):last-child,
.sn-body > *:last-child > :is(.full-width, [class~="'full-width'"]):last-child,
.sn-body > *:last-child > *:last-child > :is(.full-width, [class~="'full-width'"]):last-child,
.sn-body > *:last-child > *:last-child > *:last-child > :is(.full-width, [class~="'full-width'"]):last-child {
margin-block-end: calc(-1 * var(--sn-paper-py));
border-end-start-radius: var(--sn-radius-paper);
border-end-end-radius: var(--sn-radius-paper);
overflow: hidden;
}
/* Override fullscreen: como `.sn-canvas-body` está centrado con
`max-width: --sn-shell`, las imágenes `.full-width` necesitan
trascender el cuerpo hasta el borde REAL del viewport. La técnica
`width: 100vw` + `margin-inline: calc((100% - 100vw) / 2)` posiciona
el elemento extendiendo a ambos lados del cuerpo centrado, alcanzando
los bordes del viewport sin importar lo angosto que sea el shell.
Wins por orden de cascada (misma especificidad que la regla
`:is(.sn-paper, .sn-canvas) :is(.full-width, …)` de arriba). */
.sn-canvas :is(
.full-width, .thumb.full-width, figure.full-width,
[class~="'full-width'"], .thumb[class~="'full-width'"], figure[class~="'full-width'"]
) {
width: 100vw;
max-width: 100vw;
margin-inline: calc((100% - 100vw) / 2);
}
/* El skin DECRETA que