Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5454 Rev 5595
Línea 19... Línea 19...
19 
 
 19 
 
20 
.rightNavContainer {
 20 
.rightNavContainer {
21 
  display: none;
 21 
  display: none;
22 
  align-items: center;
 22 
  align-items: center;
- 
 
 23 
  height: 100%;
23 
  height: 100%;
 24 
 
24 
  @media (max-width: 361px) {
 25 
  @media (max-width: 361px) {
- 
 
 26 
    gap: 5px;
25 
    gap: 5px;
 27 
 
26 
    .btn {
 28 
    .btn {
- 
 
 29 
      padding: 0 !important;
27 
      padding: 0 !important;
 30 
 
28 
      .badge {
 31 
      .badge {
29 
        font-size: 0.6rem;
 32 
        font-size: 0.6rem;
30 
      }
 33 
      }
31 
    }
 34 
    }
32 
  }
 35 
  }
Línea 33... Línea 36...
33 
}
 36 
}
34 
 
 37 
 
35 
.logo {
 38 
.logo {
- 
 
 39 
  height: 65px;
36 
  height: 65px;
 40 
  order: 1;
37 
  order: 1;
 41 
 
38 
  img {
 42 
  img {
39 
    height: 100%;
 43 
    height: 100%;
Línea 65... Línea 69...
65 
  font-size: 1.2rem;
 69 
  font-size: 1.2rem;
66 
  display: flex;
 70 
  display: flex;
67 
  justify-content: center;
 71 
  justify-content: center;
68 
  align-items: center;
 72 
  align-items: center;
69 
  margin-right: 0.5rem;
 73 
  margin-right: 0.5rem;
- 
 
 74 
 
70 
  @media (max-width: 361px) {
 75 
  @media (max-width: 361px) {
71 
    margin-right: 0rem;
 76 
    margin-right: 0rem;
72 
  }
 77 
  }
73 
}
 78 
}
Línea 89... Línea 94...
89 
  display: flex;
 94 
  display: flex;
90 
  justify-content: center;
 95 
  justify-content: center;
91 
  align-items: center;
 96 
  align-items: center;
92 
  font-weight: 600;
 97 
  font-weight: 600;
93 
  clip-path: circle(50%);
 98 
  clip-path: circle(50%);
- 
 
 99 
 
94 
  @media (max-width: 361px) {
 100 
  @media (max-width: 361px) {
95 
    font-size: 1rem;
 101 
    font-size: 1rem;
96 
    width: 21px;
 102 
    width: 21px;
97 
    height: 21px;
 103 
    height: 21px;
98 
  }
 104 
  }
Línea 125... Línea 131...
125 
.searchInputContainer {
 131 
.searchInputContainer {
126 
  font-size: 0.9rem;
 132 
  font-size: 0.9rem;
127 
  min-width: 65%;
 133 
  min-width: 65%;
128 
  flex: 1;
 134 
  flex: 1;
129 
  order: 1;
 135 
  order: 1;
- 
 
 136 
 
130 
  form {
 137 
  form {
131 
    display: flex;
 138 
    display: flex;
132 
    align-items: center;
 139 
    align-items: center;
133 
    width: 100%;
 140 
    width: 100%;
134 
    position: relative;
 141 
    position: relative;
135 
  }
 142 
  }
- 
 
 143 
 
136 
  input {
 144 
  input {
137 
    width: 100%;
 145 
    width: 100%;
138 
    padding: 0.2rem 1rem 0.2rem 2rem;
 146 
    padding: 0.2rem 1rem 0.2rem 2rem;
139 
    border-radius: 30px;
 147 
    border-radius: 30px;
140 
    background-color: $bg-color;
 148 
    background-color: $bg-color;
141 
    color: $font-color;
 149 
    color: $font-color;
142 
    border: 1px solid $border-primary;
 150 
    border: 1px solid $border-primary;
- 
 
 151 
 
143 
    &::placeholder {
 152 
    &::placeholder {
144 
      color: $font-color;
 153 
      color: $font-color;
145 
    }
 154 
    }
146 
  }
 155 
  }
- 
 
 156 
 
147 
  button {
 157 
  button {
148 
    font-size: 1rem;
 158 
    font-size: 1rem;
149 
    color: $font-color;
 159 
    color: $font-color;
150 
    border: none;
 160 
    border: none;
151 
    position: absolute;
 161 
    position: absolute;
Línea 159... Línea 169...
159 
  width: 30px;
 169 
  width: 30px;
160 
  height: 30px;
 170 
  height: 30px;
161 
  object-fit: contain;
 171 
  object-fit: contain;
162 
  margin-right: 0.2rem;
 172 
  margin-right: 0.2rem;
163 
  position: relative;
 173 
  position: relative;
- 
 
 174 
 
164 
  &_active::before {
 175 
  &_active::before {
165 
    content: "";
 176 
    content: "";
166 
    width: 10px;
 177 
    width: 10px;
167 
    height: 10px;
 178 
    height: 10px;
168 
    border-radius: 50%;
 179 
    border-radius: 50%;
Línea 181... Línea 192...
181 
 
 192 
 
182 
@include breakpoints.maxwidth("medium") {
 193 
@include breakpoints.maxwidth("medium") {
183 
  .logo {
 194 
  .logo {
184 
    max-width: 317px;
 195 
    max-width: 317px;
- 
 
 196 
  }
- 
 
 197 
 
- 
 
 198 
  .navbar {
- 
 
 199 
    flex-wrap: nowrap;
- 
 
 200 
  }
185 
  }
 201 
 
186 
  .hamburgerIcon {
 202 
  .hamburgerIcon {
187 
    display: none;
 203 
    display: none;
- 
 
 204 
  }
188 
  }
 205 
 
189 
  .searchInputContainer input {
 206 
  .searchInputContainer input {
190 
    padding: 0.4rem 1rem 0.4rem 2rem;
 207 
    padding: 0.4rem 1rem 0.4rem 2rem;
- 
 
 208 
  }
191 
  }
 209 
 
192 
  .bellIcon {
 210 
  .bellIcon {
193 
    background-color: initial;
 211 
    background-color: initial;
194 
    color: $font-color;
 212 
    color: $font-color;
195 
  }
 213 
  }
Línea 199... Línea 217...
199 
  .searchInputContainer {
 217 
  .searchInputContainer {
200 
    order: 3;
 218 
    order: 3;
201 
    min-width: auto;
 219 
    min-width: auto;
202 
    flex: inherit;
 220 
    flex: inherit;
203 
  }
 221 
  }
- 
 
 222 
 
204 
  .navbar {
 223 
  .navbar {
205 
    padding: 0 5%;
 224 
    padding: 0 5%;
206 
  }
 225 
  }
207 
}
 226 
}
208 

            227