Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4252 | Rev 4254 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4247 stevensc 1 
.header__option {
4248 stevensc 2 
    cursor: pointer;
3 
    display: flex;
4 
    flex-direction: column;
5 
    align-items: center;
6 
    justify-content: center;
4247 stevensc 7 
    color: gray;
4252 stevensc 8 
    position: relative;
9 
    &:hover,
10 
    &.active {
4250 stevensc 11 
        color: #000;
4252 stevensc 12 
        &::after {
13 
            transform: scaleX(1);
14 
        }
4250 stevensc 15 
    }
4252 stevensc 16 
    &::after {
17 
        border-bottom: 2px solid var(--color-icon-nav-selected);
18 
        content: "";
19 
        bottom: 0;
20 
        left: 0;
21 
        position: absolute;
22 
        transform: scaleX(0);
23 
        transition: transform 0.2s ease-in-out;
24 
        width: 100%;
25 
    }
4253 stevensc 26 
    & > span {
4247 stevensc 27 
        display: none;
28 
        margin: 0;
29 
        font-size: 12px;
30 
        font-weight: 400;
31 
    }
32 
}
33 
 
4251 stevensc 34 
.user__options-dropdown {
35 
    position: absolute;
36 
    right: 100%;
37 
    top: 100%;
38 
    background-color: #fff;
4252 stevensc 39 
    padding: 10px;
40 
    border-radius: 5px;
41 
    border-top-right-radius: 0;
42 
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 30%);
4251 stevensc 43 
}
44 
 
4253 stevensc 45 
.user__option-icon {
46 
    height: 16px;
47 
    width: 16px;
48 
}
49 
 
4247 stevensc 50 
@media (min-width: 768px) {
4253 stevensc 51 
    .header__option > span {
52 
        display: flex;
53 
        align-items: center;
4247 stevensc 54 
    }
55 
}