Rev 4251 | Rev 4253 | Ir a la última revisión | 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;
&:hover,
&.active {
color: #000;
&::after {
transform: scaleX(1);
}
}
&::after {
border-bottom: 2px solid var(--color-icon-nav-selected);
content: "";
bottom: 0;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform 0.2s ease-in-out;
width: 100%;
}
& > h3 {
display: none;
margin: 0;
font-size: 12px;
font-weight: 400;
}
}
.user__options-dropdown {
position: absolute;
right: 100%;
top: 100%;
background-color: #fff;
padding: 10px;
border-radius: 5px;
border-top-right-radius: 0;
box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 30%);
}
@media (min-width: 768px) {
.header__option > h3 {
display: initial;
}
}