Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3511 Rev 3652
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 
  display: flex;
 3 
.navLinksContainer {
5 
  align-items: center;
 4 
  align-items: center;
6 
  height: 60%;
 5 
  display: flex;
7 
  max-width: 80%;
 6 
  max-width: 80%;
- 
 
 7 
  order: 4;
8 
  order: 4;
 8 
  gap: 0.5rem;
9 
  &__ul {
 9 
  &__ul {
10 
    display: flex;
 10 
    display: flex;
11 
    height: 100%;
 11 
    height: 100%;
12 
    align-items: center;
 12 
    align-items: center;
Línea 21... Línea 21...
21 
      color: $font-color;
 21 
      color: $font-color;
22 
      padding-top: 12px;
 22 
      padding-top: 12px;
23 
      padding-bottom: 12px;
 23 
      padding-bottom: 12px;
24 
      gap: 0.5rem;
 24 
      gap: 0.5rem;
25 
      font-size: 1.5rem;
 25 
      font-size: 1.5rem;
26 
      & > a {
 26 
      & > a p {
27 
        p {
 - 
 
28 
          display: none;
 27 
        display: none;
29 
        }
 - 
 
30 
      }
 28 
      }
31 
      a,
 29 
      a,
32 
      p {
 30 
      p {
33 
        color: $font-color;
 31 
        color: $font-color;
34 
        font-size: 1rem;
 - 
 
35 
        flex-direction: column;
 32 
        flex-direction: column;
36 
        align-items: center;
 33 
        align-items: center;
37 
        gap: 0.5rem;
 34 
        gap: 0.5rem;
38 
        svg {
 35 
        svg {
39 
          font-size: 1rem;
 36 
          font-size: 1.5rem;
40 
        }
 37 
        }
41 
      }
 38 
      }
42 
      &:hover {
 39 
      &:hover {
43 
        font-weight: bold;
 40 
        font-weight: bold;
44 
        border-bottom: 2px solid $font-color;
 41 
        border-bottom: 2px solid $font-color;
Línea 102... Línea 99...
102 
 
 99 
 
103 
.navLinkDropdown,
 100 
.navLinkDropdown,
104 
.navLinkLevelThree {
 101 
.navLinkLevelThree {
105 
  display: none;
 102 
  display: none;
106 
}
 - 
 
107 
@include breakpoints.maxwidth("small") {
 - 
 
108 
  .navLinksContainer {
 - 
 
109 
    &__ul {
 - 
 
110 
      &__li {
 - 
 
111 
        a,
 - 
 
112 
        p {
 - 
 
113 
          svg {
 - 
 
114 
            font-size: 1.5rem;
 - 
 
115 
          }
 - 
 
116 
        }
 - 
 
117 
      }
 - 
 
118 
    }
 - 
 
119 
  }
 - 
 
Línea 120... Línea 103...
120 
}
 103 
}
121 
 
 104 
 
122 
@include breakpoints.maxwidth("medium") {
 105 
@include breakpoints.maxwidth("medium") {
123 
  .navLinksContainer {
 106 
  .navLinksContainer {
124 
    height: 100%;
 107 
    height: 100%;
125 
    order: 2;
 108 
    order: 2;
126 
    max-width: none;
 109 
    max-width: none;
127 
    &__ul {
 110 
    &__ul {
128 
      gap: 1rem;
 111 
      gap: 1rem;
129 
      &__li {
 112 
      &__li {
130 
        padding-bottom: 0;
 - 
 
131 
        & > a {
 - 
 
132 
          display: flex;
 113 
        padding-bottom: 0;
133 
          p {
 - 
 
134 
            display: inline-flex;
 - 
 
135 
          }
 - 
 
136 
        }
 - 
 
137 
        a,
 - 
 
138 
        p {
 - 
 
139 
          svg {
 - 
 
140 
            font-size: 1.5rem;
 114 
        & > a p {
141 
          }
 115 
          display: inline-flex;
142 
        }
 116 
        }
143 
        &:hover {
 117 
        &:hover {
144 
          font-weight: bold;
 118 
          font-weight: bold;