Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4249 | Rev 4251 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4249 Rev 4250
Línea 15... Línea 15...
15 
 
 15 
 
16 
.header__left {
 16 
.header__left {
17 
    display: flex;
 17 
    display: flex;
18 
    align-items: center;
 18 
    align-items: center;
19 
    gap: 10px;
 - 
 
20 
}
 - 
 
21 
 
 19 
    gap: 10px;
22 
.header__left > img {
 20 
    & > img {
23 
    object-fit: contain;
 21 
        object-fit: contain;
- 
 
 22 
        height: 40px;
24 
    height: 40px;
 23 
    }
Línea 25... Línea 24...
25 
}
 24 
}
26 
 
 25 
 
27 
.header__search {
 26 
.header__search {
28 
    display: flex;
 27 
    display: flex;
29 
    align-items: center;
 28 
    align-items: center;
30 
    border-radius: 5px;
 29 
    border-radius: 5px;
31 
    height: 34px;
 30 
    height: 34px;
32 
    color: gray;
 31 
    color: gray;
33 
    cursor: pointer;
 - 
 
34 
    transition: all 0.2s;
 - 
 
35 
}
 32 
    cursor: pointer;
36 
 
 33 
    transition: all 0.2s;
37 
.header__search:hover {
 34 
    &:hover {
38 
    color: #000;
 - 
 
39 
}
 35 
        color: #000;
40 
 
 36 
    }
41 
.header__search > input {
 37 
    & > input {
42 
    display: none;
 38 
        display: none;
43 
    border: none;
 39 
        border: none;
44 
    outline: none;
 40 
        outline: none;
45 
    background: none;
 - 
 
46 
}
 41 
        background: none;
47 
 
 42 
    }
48 
.header__search.show {
 43 
    &.show {
49 
    padding: 0.5rem;
 44 
        padding: 0.5rem;
50 
    background-color: #eef3f0;
 - 
 
51 
    flex: 1;
 - 
 
52 
}
 45 
        background-color: #eef3f0;
53 
 
 46 
        flex: 1;
- 
 
 47 
        & > input {
- 
 
 48 
            display: initial;
54 
.header__search.show > input {
 49 
        }
Línea 55... Línea 50...
55 
    display: initial;
 50 
    }
56 
}
 51 
}
57 
 
 52 
 
Línea 76... Línea 71...
76 
        & > ul {
 71 
        & > ul {
77 
            display: flex !important;
 72 
            display: flex !important;
78 
            justify-content: initial;
 73 
            justify-content: initial;
79 
        }
 74 
        }
80 
    }
 75 
    }
81 
 
 - 
 
82 
    .header__search {
 76 
    .header__search {
83 
        padding: 0.5rem;
 77 
        padding: 0.5rem;
84 
        background-color: #eef3f0;
 78 
        background-color: #eef3f0;
85 
    }
 - 
 
86 
 
 - 
 
87 
    .header__search > input {
 79 
        & > input {
88 
        display: initial;
 80 
            display: initial;
- 
 
 81 
        }
89 
    }
 82 
    }
90 
}
 83 
}