Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4255 | Rev 4261 | 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 {
2 
    position: sticky;
3 
    top: 0;
4251 stevensc 4 
    background-color: #fff;
4255 stevensc 5 
    border-bottom: 0.1px solid rgba(0, 0, 0, 0.06);
4247 stevensc 6 
    width: 100%;
7 
    z-index: 999;
8 
}
9 
 
10 
.header__nav {
11 
    display: flex;
12 
    justify-content: space-between;
13 
}
14 
 
15 
.header__left {
16 
    display: flex;
17 
    align-items: center;
18 
    gap: 10px;
4250 stevensc 19 
    & > img {
20 
        object-fit: contain;
21 
        height: 40px;
4257 stevensc 22 
        width: 40px;
4250 stevensc 23 
    }
4247 stevensc 24 
}
25 
 
26 
.header__search {
27 
    display: flex;
28 
    align-items: center;
29 
    border-radius: 5px;
30 
    height: 34px;
31 
    color: gray;
32 
    cursor: pointer;
33 
    transition: all 0.2s;
4250 stevensc 34 
    &:hover {
35 
        color: #000;
36 
    }
37 
    & > input {
38 
        display: none;
39 
        border: none;
40 
        outline: none;
41 
        background: none;
42 
    }
43 
    &.show {
44 
        padding: 0.5rem;
45 
        background-color: #eef3f0;
46 
        flex: 1;
47 
        & > input {
48 
            display: initial;
49 
        }
50 
    }
4247 stevensc 51 
}
52 
 
53 
.header__right {
4249 stevensc 54 
    align-items: center;
4247 stevensc 55 
    flex-grow: 1;
4249 stevensc 56 
    display: flex;
4247 stevensc 57 
    & > ul {
58 
        display: flex;
4249 stevensc 59 
        flex-grow: 1;
4247 stevensc 60 
        justify-content: space-evenly;
61 
        gap: 1.5rem;
4253 stevensc 62 
        li {
63 
            height: fit-content;
4254 stevensc 64 
            position: relative;
4253 stevensc 65 
        }
4247 stevensc 66 
    }
67 
    &.hide {
68 
        display: none;
69 
    }
70 
}
71 
 
72 
@media (min-width: 768px) {
73 
    .header__right {
74 
        flex-grow: initial;
75 
        & > ul {
76 
            display: flex !important;
77 
            justify-content: initial;
78 
        }
79 
    }
80 
    .header__search {
81 
        padding: 0.5rem;
82 
        background-color: #eef3f0;
4250 stevensc 83 
        & > input {
84 
            display: initial;
85 
        }
4247 stevensc 86 
    }
87 
}