Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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