|
|
| Line 1: |
Line 1: |
| /* =================================================================== */
| |
| /* 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;
| |
| }
| |
