Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5451 Rev 5452
Línea 4... Línea 4...
4 
  flex: 1;
 4 
  flex: 1;
5 
  order: 3;
 5 
  order: 3;
6 
  min-width: 50%;
 6 
  min-width: 50%;
7 
  display: flex;
 7 
  display: flex;
Línea 8... Línea 8...
8 
 
 8 
 
9 
  & > ul {
 9 
  &>ul {
10 
    display: flex;
 10 
    display: flex;
11 
    align-items: center;
 11 
    align-items: center;
12 
    justify-content: space-between;
 12 
    justify-content: space-between;
13 
    gap: 1rem;
 13 
    gap: 1rem;
Línea 14... Línea 14...
14 
    width: 100%;
 14 
    width: 100%;
15 
 
 15 
 
16 
    & > li {
 16 
    &>li {
17 
      position: relative;
 17 
      position: relative;
18 
      display: flex;
 18 
      display: flex;
19 
      flex-direction: column;
 19 
      flex-direction: column;
- 
 
 20 
      color: $font-color;
20 
      color: $font-color;
 21 
      padding-top: 0;
Línea 21... Línea 22...
21 
      padding-top: 0;
 22 
      padding-bottom: 1rem;
22 
      gap: 0.5rem;
 23 
      gap: 0.5rem;
23 
 
 24 
 
Línea 43... Línea 44...
43 
 
 44 
 
44 
      &::after {
 45 
      &::after {
45 
        content: "";
 46 
        content: "";
46 
        height: 2px;
 47 
        height: 2px;
47 
        width: 0;
 48 
        width: 0;
48 
        background-color: var(--font-color);
 49 
        background-color: $font-color;
49 
        position: absolute;
 50 
        position: absolute;
50 
        bottom: -1rem;
 51 
        bottom: 0;
51 
        left: 50%;
 52 
        left: 50%;
52 
        transform: translateX(-50%);
 53 
        transform: translateX(-50%);
53 
        transform-origin: center;
 54 
        transform-origin: center;
54 
        transition: all 200ms;
 55 
        transition: all 200ms;
Línea 55... Línea 56...
55 
      }
 56 
      }
- 
 
 57 
 
- 
 
 58 
      &:hover {
- 
 
 59 
 
- 
 
 60 
        &>a,
- 
 
 61 
        &>p {
- 
 
 62 
          font-weight: bold;
56 
 
 63 
        }
57 
      &:hover {
 64 
 
58 
        &::after {
 65 
        &::after {
59 
          width: 100%;
 - 
 
60 
        }
 - 
 
61 
        & > a,
 - 
 
62 
        & > p {
 66 
          width: 100%;
63 
          font-weight: bold;
 67 
        }
64 
        }
 68 
 
65 
        .navLinkDropdown {
 69 
        .navLinkDropdown {
66 
          display: block;
 70 
          display: block;
Línea 113... Línea 117...
113 
  box-shadow: $shadow;
 117 
  box-shadow: $shadow;
114 
  display: none;
 118 
  display: none;
115 
  padding: 1rem;
 119 
  padding: 1rem;
116 
  position: absolute;
 120 
  position: absolute;
117 
  left: 50%;
 121 
  left: 50%;
118 
  top: calc(100% + 1rem);
 122 
  top: 100%;
119 
  transform: translateX(-35%);
 123 
  transform: translateX(-35%);
120 
  z-index: 900;
 124 
  z-index: 900;
Línea 121... Línea 125...
121 
 
 125 
 
122 
  ul {
 126 
  ul {
Línea 160... Línea 164...
160 
    font-weight: bold;
 164 
    font-weight: bold;
161 
  }
 165 
  }
162 
}
 166 
}
Línea 163... Línea 167...
163 
 
 167 
 
164 
@include breakpoints.maxwidth("medium") {
 168 
@include breakpoints.maxwidth("medium") {
165 
  .navLinksContainer > ul > li {
 169 
  .navLinksContainer>ul>li {
166 
    p {
 170 
    p {
167 
      display: inline-flex;
 171 
      display: inline-flex;
Línea 168... Línea 172...
168 
    }
 172 
    }
Línea 177... Línea 181...
177 
  .navLinksContainer {
 181 
  .navLinksContainer {
178 
    margin-left: 2rem;
 182 
    margin-left: 2rem;
179 
    min-width: auto;
 183 
    min-width: auto;
180 
    order: 2;
 184 
    order: 2;
Línea 181... Línea 185...
181 
 
 185 
 
182 
    & > ul {
 186 
    &>ul {
Línea 183... Línea 187...
183 
      justify-content: space-around;
 187 
      justify-content: space-around;
184 
 
 188 
 
185 
      & > li {
 189 
      &>li {
186 
        padding-top: 32px;
 190 
        padding-top: 32px;
187 
        padding-bottom: 12px;
 191 
        padding-bottom: 12px;
188 
      }
 192 
      }
Línea 192... Línea 196...
192 
  .aditional_links ul li:hover {
 196 
  .aditional_links ul li:hover {
193 
    .navigation-level_three {
 197 
    .navigation-level_three {
194 
      display: block;
 198 
      display: block;
195 
    }
 199 
    }
196 
  }
 200 
  }
197 
}
 201 
}
198 

            202