Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6632 stevensc 1 
.header__option {
2 
    cursor: pointer;
3 
    display: flex;
4 
    flex-direction: column;
5 
    align-items: center;
6 
    justify-content: center;
7 
    color: gray;
8 
    position: relative;
9 
    padding: 10px 0;
10 
    height: 100%;
11 
    &:hover,
12 
    &.active,
13 
    .nav__options-dropdown.show ~ & {
14 
        color: #000;
15 
        &::after {
16 
            transform: scaleX(1);
17 
        }
18 
    }
19 
    &::after {
20 
        border-bottom: 2px solid #000;
21 
        content: "";
22 
        bottom: -1px;
23 
        left: 0;
24 
        position: absolute;
25 
        transform: scaleX(0);
26 
        transition: transform 0.2s ease-in-out;
27 
        width: 100%;
28 
    }
29 
    & > span {
30 
        display: none;
31 
        margin: 0;
32 
        font-size: 12px;
33 
        font-weight: 400;
34 
    }
35 
}
36 
 
37 
@media (min-width: 768px) {
38 
    .header__option {
39 
        min-width: 60px;
40 
        display: flex;
41 
        & > span {
42 
            display: flex;
43 
            align-items: center;
44 
        }
45 
    }
46 
}