MediaWiki:Common.css: Difference between revisions

Revision as of 15:11, 29 July 2025

/* =================================================================== */
/* EFEITO DE BRILHO NA BORDA (SCW-GRADIENT-GLOW)                     */
/* Versão 3: Corrigido o overflow e o hover.                         */
/* =================================================================== */

/* --- VERSÃO 1: FALLBACK (COMPATÍVEL COM TUDO) --- */
.scw-gradient-glow {
    position: relative;
    isolation: isolate;
    overflow: hidden; /* <-- ADICIONE DE VOLTA: Esconde a "barra" que gira */

    --button-bg-color: #1a242e;
    border: 2px solid transparent;
    border-radius: 4px;

    background-color: var(--button-bg-color);
    background-clip: padding-box;
}

.scw-gradient-glow::before {
    content: '';
    position: absolute;
    inset: -2px;
    z-index: -1;
    pointer-events: none; /* <-- ADICIONE: Ignora o mouse, consertando o hover */

    --clr-3: var(--color-progressive, #59cffc);
    --clr-4: var(--border-color-base, #38556a);
    --clr-5: var(--border-color-subtle, #233545);
    --gradient: var(--clr-3),var(--clr-4),var(--clr-5),var(--clr-4),var(--clr-3);
    --gradient-time: 5s;

    background: conic-gradient(from 0deg, var(--gradient));
    animation: scw-gradient-rotate-fallback var(--gradient-time) linear infinite;
}

@keyframes scw-gradient-rotate-fallback {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* --- VERSÃO 2: MELHORIA PARA NAVEGADORES MODERNOS --- */
@supports (syntax: '<angle>') {

    @property --gradient-angle {
        syntax: '<angle>';
        initial-value: 0deg;
        inherits: false;
    }

    .scw-gradient-glow::before {
        background: conic-gradient(from var(--gradient-angle), var(--gradient));
        animation: scw-gradient-rotate-modern var(--gradient-time) linear infinite;
        transform: none;
    }

    @keyframes scw-gradient-rotate-modern {
        0% {
            --gradient-angle: 0deg;
        }
        100% {
            --gradient-angle: 360deg;
        }
    }
}

/* --- Outras regras --- */
.mwe-upwiz-deed-purpose > label:last-child {
    display: none !important;
}