Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6635 Rev 6700
Línea 1... Línea 1...
1 
@use "../../../../styles/breakpoints.scss";
 1 
@use "../../../../styles/breakpoints.scss";
Línea 2... Línea 2...
2 
 
 2 
 
3 
.navLinksContainer {
 3 
.header-navigation {
4 
  flex: 1 0 50%;
 4 
  flex: 1 0 50%;
5 
  order: 3;
 5 
  order: 3;
Línea 6... Línea 6...
6 
  display: flex;
 6 
  display: flex;
Línea 12... Línea 12...
12 
    gap: .5rem;
 12 
    gap: .5rem;
13 
    width: 100%;
 13 
    width: 100%;
Línea 14... Línea 14...
14 
 
 14 
 
15 
    &>li {
 15 
    &>li {
16 
      position: relative;
 - 
 
17 
      display: flex;
 - 
 
18 
      flex-direction: column;
 16 
      position: relative;
19 
      padding-bottom: 1rem;
 - 
 
Línea 20... Línea 17...
20 
      gap: 0.5rem;
 17 
      padding-bottom: 1rem;
21 
 
 18 
 
22 
      svg,
 19 
      &>a {
23 
      i {
 - 
 
24 
        color: $font-color;
 - 
 
25 
        font-size: 1.5rem;
 - 
 
26 
      }
 - 
 
27 
 
 - 
 
28 
      a {
 20 
        align-items: center;
29 
        font-size: 1.1rem;
 - 
 
30 
        display: flex;
 21 
        color: $font-color;
31 
        color: $font-color;
 22 
        display: flex;
32 
        flex-direction: column;
 23 
        flex-direction: column;
33 
        align-items: center;
 24 
        font-size: 1.1rem;
34 
        gap: 0.5rem;
 - 
 
Línea -... Línea 25...
- 
 
 25 
        gap: 0.5rem;
- 
 
 26 
        position: relative;
- 
 
 27 
 
- 
 
 28 
        svg,
- 
 
 29 
        i {
- 
 
 30 
          color: $font-color;
35 
        position: relative;
 31 
          font-size: 1.5rem;
36 
      }
 32 
        }
37 
 
 33 
 
38 
      p {
 34 
        p {
- 
 
 35 
          color: $font-color;
39 
        color: $font-color;
 36 
          font-size: 1.1rem;
Línea 40... Línea 37...
40 
        font-size: 1.1rem;
 37 
          display: none;
41 
        display: none;
 38 
        }
42 
      }
 39 
      }
Línea 133... Línea 130...
133 
    align-items: center;
 130 
    align-items: center;
134 
  }
 131 
  }
135 
}
 132 
}
Línea 136... Línea 133...
136 
 
 133 
 
137 
@include breakpoints.maxwidth("medium") {
 134 
@include breakpoints.maxwidth("medium") {
138 
  .navLinksContainer>ul>li p {
 135 
  .header-navigation>ul>li p {
139 
    display: inline-flex;
 136 
    display: inline-flex;
Línea 140... Línea 137...
140 
  }
 137 
  }
141 
 
 138 
 
142 
  .navLinksContainer>ul>li:hover .navLinkDropdown {
 139 
  .navLinkDropdown {
143 
    transform: translateX(-50%);
 140 
    transform: translateX(-50%);
Línea 144... Línea 141...
144 
  }
 141 
  }
145 
}
 142 
}
146 
 
 - 
 
147 
@include breakpoints.maxwidth("desktop") {
 - 
 
148 
  .navLinksContainer {
 143 
 
Línea 149... Línea 144...
149 
    margin-left: 2rem;
 144 
@include breakpoints.maxwidth("desktop") {
150 
    flex: 1;
 145 
  .header-navigation {
151 
    order: 2;
 146 
    order: 2;