Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1');
/* Estilo base da seta e transição suave */
/* 1. Remove o scroll e limpa fundos indesejados */
.mw-collapsible,
.mw-collapsible-content,
.product-item {
    overflow: visible !important; /* Impede o aparecimento da barra de scroll */
    background: transparent !important;
    border: none !important;
}
 
/* 2. Configuração da Seta */
.arrow-icon {
.arrow-icon {
     transition: transform 0.3s ease;
    display: inline-block !important; /* Obrigatório para a rotação funcionar */
     transition: transform 0.3s ease-in-out;
    vertical-align: middle;
}
}


/* Quando o elemento colapsável NÃO tem a classe 'mw-collapsed' (ou seja, está aberto),
/* 3. Rotação quando expandido */
  a seta do toggle anterior roda */
/* O MediaWiki adiciona a classe .mw-collapsible-toggle-expanded ao toggle ativo */
.mw-customtoggle-1[aria-expanded="true"] .arrow-icon {
.variations-toggle.mw-collapsible-toggle-expanded .arrow-icon {
     transform: rotate(180deg);
     transform: rotate(180deg);
}
}


.variations-list > pre,
.variations-list > pre,