testes/Css/page/Ambiente/Estrutura/menu_hover.css

151 lines
2.5 KiB
CSS

.menu_lateral:hover {
width: 20vw;
position: fixed;
z-index: 10;
left: 0;
top: 0;
transition: 0.2s ease;
.seguimentacao_2 {
width: 17vw;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_1 {
height: 30vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 {
height: 70vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 .subcolunas_1 {
height: 50vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 .subcolunas_2 {
height: 20vh;
transition: 0.2s ease;
}
.seguimentacao_2 .coluna_1 .subcolunas_1 .filheira {
font-size: 0.9vw;
opacity: 1;
filter: blur(0px);
transition: 0.2s ease;
}
.seguimentacao_2 .subcolunas_1 .filheira img {
width: 6vw;
height: 10vh;
opacity: 1;
filter: blur(0px);
transition: 0.2s ease;
}
}
.menu_lateral.expansao {
width: 20vw;
transition: 0.2s ease;
.seguimentacao_2 {
width: 17vw;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_1 {
height: 30vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 {
height: 70vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 .subcolunas_1 {
height: 50vh;
transition: 0.2s ease;
}
.seguimentacao_1 .coluna_2 .subcolunas_2 {
height: 20vh;
transition: 0.2s ease;
}
.seguimentacao_2 .coluna_1 .subcolunas_1 .filheira {
font-size: 0.9vw;
opacity: 1;
filter: blur(0px);
transition: 0.2s ease;
}
.seguimentacao_2 .subcolunas_1 .filheira img {
width: 6vw;
height: 10vh;
opacity: 1;
filter: blur(0px);
transition: 0.2s ease;
}
.imgjust {
transform: rotate(180deg);
transition: 0.2s ease;
}
}
a:hover,
.filheira:hover {
color: var(--Cor_Segundaria_5_1);
}
.seguimentacao_2 .coluna_2 .subcolunas_1 .filheira:hover {
background-color: var(--Matriz);
border-radius: 2vw 0vw 0vw 2vw;
padding-left: 2vw;
transition: 0.2s ease;
}
.seguimentacao_2 .coluna_2 .subcolunas_2 .filheira:hover {
background-color: var(--Matriz);
border-radius: 2vw 0vw 0vw 2vw;
padding-left: 2vw;
transition: 0.2s ease;
}
.subcolunas_2 button:hover {
margin-right: 1vw;
background-color: var(--Cor_Segundaria_5_1);
box-shadow: 5px 5px 0px 2px var(--Cor_Segundaria_5_2);
transition: 0.2s ease;
}