MediaWiki:Common.css: Difference between revisions

Line 1:

@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');

/* 1. ~~MATAR O SCROLL E O FUNDO CINZENTO~~ */

/* 1. Remove o scroll e limpa fundos indesejados */

.mw-collapsible,

.mw-collapsible-content,

~~#mw~~-~~customcollapsible-1,~~

.product-item {

~~#mw-customcollapsible-2,~~

overflow: visible !important; /* Impede o aparecimento da barra de scroll */

~~#mw-customcollapsible-3,~~

~~#mw-customcollapsible-4,~~

~~#mw-customcollapsible-5~~ {

overflow: visible !important;

~~height: auto !important;~~

~~max-height: none !important;~~

background: transparent !important;

border: none !important;

~~box-shadow: none !important;~~

}

/* 2. ~~FORÇAR A SETA A SER UM BLOCO ROTATIVO~~ */

/* 2. Configuração da Seta */

.arrow-icon {

display: inline-block !important;

display: inline-block !important; /* Obrigatório para a rotação funcionar */

transition: transform 0.3s ease ~~!important~~;

transition: transform 0.3s ease-in-out;

~~line~~-~~height~~: 1;

vertical-align: middle;

}

/* 3. ~~ROTAÇÃO - SELETOR INFALÍVEL~~ */

/* 3. Rotação quando expandido */

/* ~~Quando o botão (~~toggle~~) tem o atributo aria~~-expanded ~~como true, a seta roda~~ */

/* O MediaWiki adiciona a classe .mw-collapsible-toggle-expanded ao toggle ativo */

.variations-toggle~~[aria~~-expanded~~="true"]~~ .arrow-icon {

.variations-toggle.mw-collapsible-toggle-expanded .arrow-icon {

transform: rotate(180deg) ~~!important~~;

transform: rotate(180deg);

}

~~/* Caso a tua versão do MediaWiki use classes em vez de ARIA: */~~

~~.mw-collapsible-toggle-expanded .arrow-icon {~~

~~transform: rotate(180deg) !important;~~

}

.variations-list > pre,

.variations-toggle > pre {