Rev 4812 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
.header__option {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: gray;
position: relative;
padding: 10px 0;
height: 100%;
&:hover,
&.active,
.nav__options-dropdown.show ~ & {
color: #000;
&::after {
transform: scaleX(1);
}
}
&::after {
border-bottom: 2px solid #000;
content: "";
bottom: -1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform 0.2s ease-in-out;
width: 100%;
}
& > span {
display: none;
margin: 0;
font-size: 12px;
font-weight: 400;
}
}
@media (min-width: 768px) {
.header__option {
min-width: 60px;
display: flex;
& > span {
display: flex;
align-items: center;
}
}
}