Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3974 Rev 3975
Línea 1... Línea 1...
1 
@use "../../settings/breakpoints.scss";
 1 
@use "../../settings/breakpoints.scss";
Línea 2... Línea 2...
2 
 
 2 
 
3 
.navLinksContainer {
 - 
 
4 
  align-items: center;
 - 
 
5 
  display: flex;
 3 
.navLinksContainer {
6 
  flex: 1;
 4 
  flex: 1;
7 
  order: 4;
 5 
  order: 4;
8 
  min-width: 100%;
 6 
  min-width: 80%;
9 
  &__ul {
 7 
  &__ul {
10 
    display: inline-flex;
 8 
    display: inline-flex;
11 
    height: 100%;
 9 
    height: 100%;
12 
    align-items: center;
 10 
    align-items: center;
13 
    gap: 1rem;
 11 
    gap: 1rem;
14 
    justify-content: space-around;
 - 
 
15 
    &:nth-child(1) {
 - 
 
16 
      flex: 1.5;
 - 
 
17 
    }
 - 
 
18 
    &:nth-child(2) {
 - 
 
19 
      flex: 1;
 - 
 
20 
    }
 12 
    justify-content: space-around;
21 
    &__li {
 13 
    &__li {
22 
      position: relative;
 14 
      position: relative;
23 
      display: flex;
 15 
      display: flex;
24 
      flex-direction: column;
 16 
      flex-direction: column;
25 
      align-items: center;
 17 
      align-items: center;
26 
      justify-content: center;
 - 
 
27 
      height: 100%;
 18 
      justify-content: center;
28 
      color: $font-color;
 19 
      color: $font-color;
29 
      padding-top: 12px;
 20 
      padding-top: 12px;
30 
      padding-bottom: 12px;
 21 
      padding-bottom: 12px;
31 
      gap: 0.5rem;
 22 
      gap: 0.5rem;
Línea 109... Línea 100...
109 
}
 100 
}
Línea 110... Línea 101...
110 
 
 101 
 
111 
@include breakpoints.maxwidth("medium") {
 102 
@include breakpoints.maxwidth("medium") {
112 
  .navLinksContainer {
 103 
  .navLinksContainer {
113 
    height: 100%;
 - 
 
114 
    min-width: auto;
 104 
    height: 100%;
115 
    gap: 1rem;
 105 
    order: 3;
116 
    &__ul__li {
 106 
    &__ul__li {
117 
      padding-bottom: 0;
 107 
      padding-bottom: 0;
118 
      & > a p {
 108 
      & > a p {
119 
        display: inline-flex;
 109 
        display: inline-flex;
Línea 128... Línea 118...
128 
    }
 118 
    }
129 
  }
 119 
  }
130 
}
 120 
}
131 
@include breakpoints.maxwidth("large") {
 121 
@include breakpoints.maxwidth("large") {
132 
  .navLinksContainer {
 122 
  .navLinksContainer {
- 
 
 123 
    min-width: auto;
133 
    order: 2;
 124 
    order: 2;
134 
  }
 125 
  }
135 
}
 126 
}