Oie, alguem sabe como estilizar a scrollbar usando sass ?
tentei fazer como se faz com css puro mas nao funcionou: ::-webkit-scrollbar-button
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Oie, alguem sabe como estilizar a scrollbar usando sass ?
tentei fazer como se faz com css puro mas nao funcionou: ::-webkit-scrollbar-button
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!