O problema é que seu computador acha que tem capacidades de toque e, por isso, o Discourse adiciona as classes touch e touch-discourse ao <body>.
Substitua-as por no-touch e no-touch-discourse usando as ferramentas de desenvolvimento do seu navegador para testar: o efeito arco-íris deve aparecer ao passar o mouse.
Provavelmente, a maioria dos efeitos de hover do Discourse não está funcionando no seu computador por causa desse problema.
Eu tenho o mesmo problema e não entendo por que meu computador acha que tem capacidades de toque. Talvez porque esteja conectado (ou tenha estado conectado em algum momento?) a algum dispositivo que “confere” uma capacidade de toque detectada incorretamente.
Não sei os detalhes. Acho que os navegadores dependem do sistema operacional para saber se o dispositivo é compatível com toque, e o Discourse aplica classes dependendo do resultado… Deixo usuários mais experientes responderem.
No meu caso, suponho que a capacidade de toque venha do software do meu Oculus Quest, mas não tentei desinstalar/desativá-lo e testar. Talvez venha do meu mouse ou teclado, quem sabe
Sim, a animação é aplicada apenas sob a classe .discourse-no-touch, então, se o seu laptop tiver capacidade de toque, ela não funcionará.
Não tenho certeza por que ela desapareceu de repente para você. Basicamente, se qualquer ponteiro for avaliado como não grosseiro[1], ele recebe a classe acima.
Isso significa que, se qualquer ponteiro for considerado grosseiro, ele não receberá essa classe e a animação aparecerá.
Então, pode ser que você tenha conectado…
Tabletas gráficos / pads de desenho (canetas)
Controles de jogos
Alguns controles remotos de apresentação, touchpads em teclados,…
Monitores de tela sensível ao toque externos conectados a um desktop
um ponteiro de baixa precisão. O usuário não consegue direcionar facilmente coisas pequenas. O exemplo clássico é o dedo em uma tela sensível ao toque — a ponta do seu dedo cobre uma grande área, então é “grosseiro”. Também inclui coisas como um controle Wii ou Kinect. ↩︎