Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4740 | Rev 4743 | 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;
4739 stevensc 3 
    display: none;
4248 stevensc 4 
    flex-direction: column;
5 
    align-items: center;
6 
    justify-content: center;
4247 stevensc 7 
    color: gray;
4252 stevensc 8 
    position: relative;
4254 stevensc 9 
    padding: 10px 0;
4261 stevensc 10 
    height: 100%;
4252 stevensc 11 
    &:hover,
12 
    &.active {
4250 stevensc 13 
        color: #000;
4252 stevensc 14 
        &::after {
15 
            transform: scaleX(1);
16 
        }
4250 stevensc 17 
    }
4252 stevensc 18 
    &::after {
4254 stevensc 19 
        border-bottom: 2px solid #000;
4252 stevensc 20 
        content: "";
4256 stevensc 21 
        bottom: -1px;
4252 stevensc 22 
        left: 0;
23 
        position: absolute;
24 
        transform: scaleX(0);
25 
        transition: transform 0.2s ease-in-out;
26 
        width: 100%;
27 
    }
4253 stevensc 28 
    & > span {
4247 stevensc 29 
        display: none;
30 
        margin: 0;
31 
        font-size: 12px;
32 
        font-weight: 400;
33 
    }
34 
}
35 
 
4741 stevensc 36 
.header__option.mobile {
4740 stevensc 37 
    display: flex;
4741 stevensc 38 
    & ~ .nav__options-dropdown {
39 
        top: initial;
40 
        bottom: 99%;
41 
    }
4740 stevensc 42 
}
43 
 
4247 stevensc 44 
@media (min-width: 768px) {
4257 stevensc 45 
    .header__option {
46 
        min-width: 60px;
4739 stevensc 47 
        display: flex;
4257 stevensc 48 
        & > span {
49 
            display: flex;
50 
            align-items: center;
51 
        }
4247 stevensc 52 
    }
53 
}