1
resposta

[Dúvida] Selecionar a scrollbar com SASS

Oie, alguem sabe como estilizar a scrollbar usando sass ?

tentei fazer como se faz com css puro mas nao funcionou: ::-webkit-scrollbar-button

1 resposta

Olá Gabriel!

Sim, é possível estilizar a scrollbar usando SASS. Para isso, você pode utilizar as propriedades CSS padrão para scrollbar e, em seguida, compilar o código SASS para CSS.

Um exemplo de código SASS para estilizar a scrollbar seria:

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

Nesse exemplo, definimos a largura da scrollbar, a cor de fundo da track (a área da scrollbar onde o thumb se move), a cor do thumb (a "bolinha" que se move na scrollbar) e a cor do thumb ao passar o mouse sobre ele.

Lembre-se de que, para que as propriedades funcionem corretamente, é necessário que o navegador utilizado suporte a scrollbar personalizada.

Espero ter ajudado e bons estudos!