Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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

            152