Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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