MediaWiki:Chameleon.css: mudanças entre as edições

Sem resumo de edição
Sem resumo de edição
Linha 54: Linha 54:
/* Permite imagem ocupar 100% da tela sem div */
/* Permite imagem ocupar 100% da tela sem div */
.mw-parser-output span.fullwidth {
.mw-parser-output span.fullwidth {
display: block;
  display: block;
position: relative;
  width: 100%;
width: 100vw;
  margin: 40px 0; /* respeita espaçamento do Bootstrap */
left: 50%;
transform: translateX(-50%);
max-width: 100vw;
}
}


.mw-parser-output span.fullwidth img {
.mw-parser-output span.fullwidth img {
   width: 100%;
   width: 100vw;
   height: 400px;       /* limite de altura */
  max-width: 100vw;
   object-fit: cover;   /* corta sem distorcer */
   height: clamp(220px, 40vh, 500px);
   object-fit: cover;
 
   display: block;
   display: block;
  /* mantém alinhamento sem quebrar fluxo */
  margin-left: calc(50% - 50vw);
}
}


/*Seções full-width dentro do conteúdo*/  
/*Seções full-width dentro do conteúdo*/