Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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