Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6707 Rev 6709
Línea 1... Línea 1...
1 
@use "../../../../styles/breakpoints.scss";
 1 
@use "../../../../styles/mixins.scss";
Línea 2... Línea 2...
2 
 
 2 
 
3 
.header {
 3 
.header {
4 
  align-items: center;
 4 
  align-items: center;
5 
  background-color: $bg-color;
 5 
  background-color: $bg-color;
Línea 12... Línea 12...
12 
  justify-content: space-between;
 12 
  justify-content: space-between;
13 
  margin-bottom: 1rem;
 13 
  margin-bottom: 1rem;
14 
  padding: 1rem 5% 0;
 14 
  padding: 1rem 5% 0;
15 
  position: relative;
 15 
  position: relative;
16 
  width: 100%;
 16 
  width: 100%;
- 
 
 17 
 
- 
 
 18 
  @include mixins.for-size(tablet-portrait) {
- 
 
 19 
    padding: 0 5%;
- 
 
 20 
    flex-wrap: nowrap;
- 
 
 21 
  }
17 
}
 22 
}
Línea 18... Línea 23...
18 
 
 23 
 
19 
.logo {
 24 
.logo {
20 
  height: 65px;
 25 
  height: 65px;
- 
 
 26 
  order: 1;
Línea 21... Línea 27...
21 
  order: 1;
 27 
  margin-right: 1rem;
22 
 
 28 
 
23 
  img {
 29 
  img {
- 
 
 30 
    height: 100%;
- 
 
 31 
  }
- 
 
 32 
 
- 
 
 33 
  @include mixins.for-size(tablet-portrait) {
24 
    height: 100%;
 34 
    max-width: 317px;
Línea 25... Línea 35...
25 
  }
 35 
  }
26 
}
 36 
}
27 
 
 37 
 
Línea 75... Línea 85...
75 
    position: absolute;
 85 
    position: absolute;
76 
    left: 0.5rem;
 86 
    left: 0.5rem;
77 
    top: 50%;
 87 
    top: 50%;
78 
    transform: translateY(-50%);
 88 
    transform: translateY(-50%);
79 
  }
 89 
  }
80 
}
 - 
 
81 
 
 - 
 
82 
@include breakpoints.maxwidth("medium") {
 - 
 
83 
  .logo {
 - 
 
84 
    max-width: 317px;
 - 
 
85 
  }
 - 
 
Línea 86... Línea 90...
86 
 
 90 
 
87 
  .searchInputContainer input {
 91 
  @include mixins.for-size(tablet-portrait) {
88 
    padding: 0.4rem 1rem 0.4rem 2rem;
 92 
    padding: 0.4rem 1rem 0.4rem 2rem;
89 
  }
 - 
 
Línea 90... Línea 93...
90 
}
 93 
  }
91 
 
 - 
 
92 
@include breakpoints.maxwidth("desktop") {
 94 
 
93 
  .searchInputContainer {
 95 
  @include mixins.for-size(desktop) {
94 
    order: 3;
 96 
    order: 3;
95 
    min-width: auto;
 97 
    min-width: auto;
96 
    flex: inherit;
 - 
 
97 
  }
 - 
 
98 
 
 - 
 
99 
  .header {
 - 
 
100 
    padding: 0 5%;
 - 
 
101 
    flex-wrap: nowrap;
 98 
    flex: inherit;
102 
  }
 99 
  }