Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4167 Rev 4169
Línea 3... Línea 3...
3 
.navLinksContainer {
 3 
.navLinksContainer {
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;
8 
  ul {
 8 
  & > ul {
9 
    display: flex;
 9 
    display: flex;
10 
    height: 100%;
 - 
 
11 
    align-items: center;
 10 
    align-items: center;
12 
    gap: 1rem;
 - 
 
13 
    justify-content: space-around;
 11 
    justify-content: space-around;
- 
 
 12 
    gap: 1rem;
14 
    width: 100%;
 13 
    width: 100%;
15 
    li {
 14 
    li {
16 
      position: relative;
 15 
      position: relative;
17 
      display: flex;
 16 
      display: flex;
18 
      flex-direction: column;
 17 
      flex-direction: column;
19 
      align-items: center;
 - 
 
20 
      justify-content: center;
 - 
 
21 
      color: $font-color;
 18 
      color: $font-color;
22 
      padding-top: 12px;
 19 
      padding-top: 32px;
23 
      padding-bottom: 12px;
 20 
      padding-bottom: 12px;
24 
      gap: 0.5rem;
 21 
      gap: 0.5rem;
25 
      font-size: 1.5rem;
 - 
 
26 
      & > a {
 22 
      svg,
27 
        display: flex;
 - 
 
28 
        p {
 23 
      i {
29 
          display: none;
 - 
 
30 
          font-size: 1.1rem;
 24 
        font-size: 1.5rem;
31 
        }
 - 
 
32 
      }
 25 
      }
33 
      a,
 26 
      a,
34 
      p {
 27 
      p {
- 
 
 28 
        font-size: 1.1rem;
- 
 
 29 
        display: flex;
35 
        color: $font-color;
 30 
        color: $font-color;
36 
        flex-direction: column;
 31 
        flex-direction: column;
37 
        align-items: center;
 32 
        align-items: center;
38 
        gap: 0.5rem;
 33 
        gap: 0.5rem;
39 
        svg,
 - 
 
40 
        i {
 - 
 
41 
          font-size: 1.5rem;
 - 
 
42 
        }
 - 
 
43 
      }
 34 
      }
- 
 
 35 
      p {
- 
 
 36 
        display: none;
- 
 
 37 
      }
- 
 
 38 
    }
44 
      &:hover {
 39 
    li:hover {
45 
        & > a,
 40 
      a,
46 
        & > p {
 41 
      p {
47 
          font-weight: bold;
 42 
        font-weight: bold;
48 
          border-bottom: 2px solid $font-color;
 43 
        border-bottom: 2px solid $font-color;
49 
        }
 44 
      }
50 
        .navLinkDropdown,
 45 
      .navLinkDropdown,
51 
        .aditional_links {
 46 
      .aditional_links {
52 
          display: block;
 47 
        display: block;
53 
        }
 - 
 
54 
      }
 48 
      }
55 
    }
 49 
    }
56 
  }
 50 
  }
57 
}
 51 
}