Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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