Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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