Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5453 Rev 5459
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 {
 3 
.navLinksContainer {
4 
  flex: 1;
 4 
  flex: 1 0 50%;
5 
  order: 3;
 - 
 
6 
  min-width: 50%;
 5 
  order: 3;
Línea 7... Línea 6...
7 
  display: flex;
 6 
  display: flex;
8 
 
 7 
 
9 
  &>ul {
 8 
  &>ul {
Línea 15... Línea 14...
15 
 
 14 
 
16 
    &>li {
 15 
    &>li {
17 
      position: relative;
 16 
      position: relative;
18 
      display: flex;
 17 
      display: flex;
19 
      flex-direction: column;
 - 
 
20 
      color: $font-color;
 18 
      flex-direction: column;
21 
      padding-bottom: 1rem;
 19 
      padding-bottom: 1rem;
Línea 22... Línea 20...
22 
      gap: 0.5rem;
 20 
      gap: 0.5rem;
23 
 
 21 
 
- 
 
 22 
      svg,
24 
      svg,
 23 
      i {
25 
      i {
 24 
        color: $font-color;
Línea 26... Línea -...
26 
        font-size: 1.5rem;
 - 
 
27 
      }
 25 
        font-size: 1.5rem;
28 
 
 26 
      }
29 
      a,
 27 
 
30 
      p {
 28 
      a {
31 
        font-size: 1.1rem;
 29 
        font-size: 1.1rem;
32 
        display: flex;
 30 
        display: flex;
33 
        color: $font-color;
 31 
        color: $font-color;
34 
        flex-direction: column;
 32 
        flex-direction: column;
35 
        align-items: center;
 33 
        align-items: center;
Línea 36... Línea 34...
36 
        gap: 0.5rem;
 34 
        gap: 0.5rem;
- 
 
 35 
        position: relative;
- 
 
 36 
      }
37 
        position: relative;
 37 
 
38 
      }
 38 
      p {
Línea 39... Línea 39...
39 
 
 39 
        color: $font-color;
40 
      p {
 40 
        font-size: 1.1rem;
Línea 56... Línea 56...
56 
 
 56 
 
Línea 57... Línea 57...
57 
      &:hover {
 57 
      &:hover {
58 
 
 58 
 
59 
        &>a,
 59 
        &>a,
60 
        &>p {
 60 
        &>p {
Línea 61... Línea 61...
61 
          font-weight: bold;
 61 
          text-shadow: 0 0 0 $font-color;
62 
        }
 62 
        }
63 
 
 63 
 
Línea 117... Línea 117...
117 
  display: none;
 117 
  display: none;
118 
  padding: 1rem;
 118 
  padding: 1rem;
119 
  position: absolute;
 119 
  position: absolute;
120 
  left: 50%;
 120 
  left: 50%;
121 
  top: 100%;
 121 
  top: 100%;
122 
  transform: translateX(-35%);
 - 
 
123 
  z-index: 900;
 122 
  z-index: 900;
Línea 124... Línea 123...
124 
 
 123 
 
125 
  ul {
 124 
  ul {
126 
    display: flex;
 125 
    display: flex;
127 
    flex-direction: column;
 126 
    flex-direction: column;
Línea 128... Línea 127...
128 
    gap: 1rem;
 127 
    gap: 1rem;
129 
 
 - 
 
130 
    li {
 128 
 
131 
      align-items: center;
 - 
 
132 
      display: flex;
 129 
    li {
- 
 
 130 
      display: flex;
Línea 133... Línea 131...
133 
      position: relative;
 131 
      gap: 1rem;
134 
      gap: 1rem;
 132 
      position: relative;
135 
 
 - 
 
136 
      a {
 - 
 
Línea 137... Línea 133...
137 
        max-width: 30ch;
 133 
 
138 
        font-size: 1.1rem;
 134 
      a {
139 
        text-align: left;
 - 
 
140 
 
 - 
 
141 
        &:hover {
 - 
 
142 
          font-weight: bold;
 - 
 
143 
        }
 - 
 
144 
      }
 - 
 
145 
 
 135 
        max-width: 30ch;
146 
      &:hover {
 136 
 
147 
        .navigation-level_three {
 137 
        &:hover {
148 
          display: block;
 138 
          text-shadow: 0 0 0 $font-color;
149 
        }
 139 
        }
Línea 150... Línea 140...
150 
      }
 140 
      }
151 
    }
 141 
    }
152 
  }
 142 
  }
153 
}
 - 
 
154 
 
 143 
}
155 
.navigation-level_three {
 144 
 
- 
 
 145 
.navigation-level_three {
Línea 156... Línea 146...
156 
  top: -10%;
 146 
  top: -10%;
- 
 
 147 
  left: 100%;
- 
 
 148 
  max-height: 20rem;
- 
 
 149 
  overflow: auto;
157 
  left: 100%;
 150 
}
158 
  transform: none;
 151 
 
159 
  max-height: 20rem;
 152 
.navLinkDropdown {
Línea 160... Línea 153...
160 
  overflow: auto;
 153 
  transform: translateX(-35%);
161 
 
 154 
 
Línea 177... Línea 170...
177 
}
 170 
}
Línea 178... Línea 171...
178 
 
 171 
 
179 
@include breakpoints.maxwidth("desktop") {
 172 
@include breakpoints.maxwidth("desktop") {
180 
  .navLinksContainer {
 173 
  .navLinksContainer {
181 
    margin-left: 2rem;
 - 
 
182 
    min-width: auto;
 174 
    margin-left: 2rem;
Línea 183... Línea 175...
183 
    order: 2;
 175 
    order: 2;
184 
 
 - 
 
185 
    &>ul {
 - 
 
186 
      justify-content: space-around;
 - 
 
187 
 
 176 
 
188 
      &>li {
 - 
 
189 
        padding-top: 1rem;
 177 
    &>ul li {
190 
      }
 178 
        padding-top: 1rem;
Línea 191... Línea 179...
191 
    }
 179 
    }
192 
  }
 - 
 
193 
 
 180 
  }
194 
  .aditional_links ul li:hover {
 - 
 
195 
    .navigation-level_three {
 181 
 
196 
      display: block;
 182 
  .aditional_links ul li:hover .navigation-level_three {
197 
    }
 183 
      display: block;