testes/Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_2.css

46 lines
1.3 KiB
CSS

.bloco_ambiente .seguimento_2 .capitulo_2 .painel_Cap {
width: 90%;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
align-content: center;
gap: 1vw;
overflow-y: auto;
padding: 2vh;
background-color: var(--Cor_Segundaria_5_1);
height: 20vh;
}
/* Estilo customizado para o scroll (somente no Webkit) */
.capitulo_2 .painel_Cap::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
/* Estilo para o polegar da barra de rolagem */
.capitulo_2 .painel_Cap::-webkit-scrollbar-thumb {
background-color: var(--Matriz);
/* Cor da parte da barra que você arrasta */
border-radius: 10px;
/* Borda arredondada */
/* Borda ao redor do polegar */
}
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
.capitulo_2 .painel_Cap::-webkit-scrollbar-track {
background-color: var(--Cor_Segundaria_5_2);
/* Cor do fundo do scroll */
border-radius: 10px;
/* Borda arredondada */
/* Usar diretamente a largura ou altura aqui para aumentar o track */
width: 1vw;
/* Aumentando a largura do track para o scroll vertical */
height: 1vw;
/* Aumentando a altura do track para o scroll horizontal */
}