Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6856 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6856 stevensc 1 
#root {
2 
    padding-top: 6rem;
6632 stevensc 3 
}
4 
 
5 
body {
6 
    position: relative;
7 
    background-color: #f3f2ef !important;
8 
}
9 
 
10 
.header,
11 
.mobile-menu {
12 
    background-color: #fff;
13 
    width: 100%;
14 
    z-index: 999;
15 
}
16 
 
17 
.header {
18 
    top: 0;
19 
    position: fixed;
20 
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
21 
}
22 
 
23 
.header__nav {
24 
    display: flex;
25 
    justify-content: space-between;
26 
    gap: 0.5rem;
27 
}
28 
 
29 
.header__left {
30 
    align-items: center;
31 
    display: flex;
32 
    gap: 1rem;
33 
    flex: 1;
34 
 
35 
    & a>img {
36 
        object-fit: cover;
37 
        display: none;
38 
    }
39 
 
40 
    &.show {
41 
        width: -webkit-fill-available;
42 
    }
43 
}
44 
 
45 
.header__search {
46 
    display: flex;
47 
    align-items: center;
48 
    border-radius: 5px;
49 
    height: 34px;
50 
    color: gray;
51 
    cursor: pointer;
52 
    transition: all 0.2s;
53 
    width: -webkit-fill-available;
54 
 
55 
    &:hover {
56 
        color: #000;
57 
    }
58 
 
59 
    &>input {
60 
        display: none;
61 
        border: none;
62 
        outline: none;
63 
        background: none;
64 
        width: 100%;
65 
    }
66 
 
67 
    &.show {
68 
        padding: 0.5rem;
69 
        margin: 10px 0;
70 
        background-color: #eef3f0;
71 
        flex: 1;
72 
 
73 
        &>input {
74 
            display: initial;
75 
        }
76 
    }
77 
}
78 
 
79 
.header__right {
80 
    align-items: center;
81 
    flex: 1;
82 
    display: flex;
83 
 
84 
    &>ul {
85 
        display: flex;
86 
        flex: 1;
87 
        justify-content: space-evenly;
88 
        gap: 0.5rem;
89 
 
90 
        li {
91 
            position: relative;
92 
        }
93 
    }
94 
 
95 
    &.hide {
96 
        display: none;
97 
    }
98 
}
99 
 
100 
.MuiAccordionSummary-content {
101 
    align-items: center;
102 
    margin: 0.5rem 0 !important;
103 
    gap: 2.5rem;
104 
    color: rgba(0, 0, 0, 0.54);
105 
}
106 
 
107 
@media (min-width: 768px) {
108 
    .header__nav {
109 
        gap: initial;
110 
    }
111 
}
112 
 
113 
@media (min-width: 992px) {
114 
    .header__right {
115 
        flex-grow: initial;
116 
 
117 
        &>ul {
118 
            display: flex !important;
119 
            justify-content: initial;
120 
            gap: 1.5rem;
121 
        }
122 
    }
123 
 
124 
    .header__left {
125 
        flex: 1;
126 
 
127 
        & a>img {
128 
            display: flex;
129 
            height: 50px;
130 
            width: 50px;
131 
            object-fit: scale-down;
132 
        }
133 
    }
134 
 
135 
    .header__search {
136 
        padding: 0.5rem;
137 
        background-color: #eef3f0;
138 
 
139 
        &>input {
140 
            display: initial;
141 
        }
142 
    }
143 
}