Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5450 Rev 5451
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;
-
 
21
      padding-top: 0;
20
      color: $font-color;
Línea 22... Línea 21...
22
      padding-bottom: 12px;
21
      padding-top: 0;
23
      gap: 0.5rem;
22
      gap: 0.5rem;
24
 
23
 
Línea 41... Línea 40...
41
      p {
40
      p {
42
        display: none;
41
        display: none;
43
      }
42
      }
Línea 44... Línea 43...
44
 
43
 
45
      &::after {
44
      &::after {
46
        content: '';
45
        content: "";
47
        height: 2px;
46
        height: 2px;
48
        width: 0;
47
        width: 0;
49
        background-color: var(--font-color);
48
        background-color: var(--font-color);
50
        position: absolute;
49
        position: absolute;
Línea 53... Línea 52...
53
        transform: translateX(-50%);
52
        transform: translateX(-50%);
54
        transform-origin: center;
53
        transform-origin: center;
55
        transition: all 200ms;
54
        transition: all 200ms;
56
      }
55
      }
Línea -... Línea 56...
-
 
56
 
57
 
57
      &:hover {
58
      &:hover::after {
58
        &::after {
59
        width: 100%;
59
          width: 100%;
60
      }
-
 
61
 
-
 
62
 
-
 
63
      &:not(:last-child):hover {
-
 
64
        border-bottom: 2px solid $font-color;
-
 
65
 
60
        }
66
        &>a,
61
        & > a,
67
        &>p {
62
        & > p {
68
          font-weight: bold;
63
          font-weight: bold;
69
        }
-
 
70
 
64
        }
71
        .navLinkDropdown {
65
        .navLinkDropdown {
72
          display: block;
66
          display: block;
73
        }
67
        }
Línea 166... Línea 160...
166
    font-weight: bold;
160
    font-weight: bold;
167
  }
161
  }
168
}
162
}
Línea 169... Línea 163...
169
 
163
 
170
@include breakpoints.maxwidth("medium") {
164
@include breakpoints.maxwidth("medium") {
171
  .navLinksContainer>ul>li {
165
  .navLinksContainer > ul > li {
172
    p {
166
    p {
173
      display: inline-flex;
167
      display: inline-flex;
Línea 174... Línea 168...
174
    }
168
    }
Línea 183... Línea 177...
183
  .navLinksContainer {
177
  .navLinksContainer {
184
    margin-left: 2rem;
178
    margin-left: 2rem;
185
    min-width: auto;
179
    min-width: auto;
186
    order: 2;
180
    order: 2;
Línea 187... Línea 181...
187
 
181
 
188
    &>ul {
182
    & > ul {
Línea 189... Línea 183...
189
      justify-content: space-around;
183
      justify-content: space-around;
190
 
184
 
191
      &>li {
185
      & > li {
192
        padding-top: 32px;
186
        padding-top: 32px;
193
        padding-bottom: 12px;
187
        padding-bottom: 12px;
194
      }
188
      }
Línea 198... Línea 192...
198
  .aditional_links ul li:hover {
192
  .aditional_links ul li:hover {
199
    .navigation-level_three {
193
    .navigation-level_three {
200
      display: block;
194
      display: block;
201
    }
195
    }
202
  }
196
  }
203
}
-
 
204
197
}
-
 
198