Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3911 Rev 3956
Línea 3... Línea 3...
3 
.navLinksContainer {
 3 
.navLinksContainer {
4 
  align-items: center;
 4 
  align-items: center;
5 
  display: flex;
 5 
  display: flex;
6 
  max-width: 80%;
 6 
  max-width: 80%;
7 
  order: 4;
 7 
  order: 4;
8 
  gap: 1rem;
 - 
 
9 
  &__ul {
 8 
  &__ul {
10 
    display: flex;
 9 
    display: flex;
11 
    height: 100%;
 10 
    height: 100%;
12 
    align-items: center;
 11 
    align-items: center;
13 
    gap: 1rem;
 12 
    gap: 1rem;
Línea 21... Línea 20...
21 
      color: $font-color;
 20 
      color: $font-color;
22 
      padding-top: 12px;
 21 
      padding-top: 12px;
23 
      padding-bottom: 12px;
 22 
      padding-bottom: 12px;
24 
      gap: 0.5rem;
 23 
      gap: 0.5rem;
25 
      font-size: 1.5rem;
 24 
      font-size: 1.5rem;
- 
 
 25 
      &:nth-child(1) {
- 
 
 26 
        flex: 1.5;
- 
 
 27 
        justify-content: space-evenly;
- 
 
 28 
      }
- 
 
 29 
      &:nth-child(2) {
- 
 
 30 
        flex: 1;
- 
 
 31 
        justify-content: space-around;
- 
 
 32 
      }
26 
      & > a {
 33 
      & > a {
27 
        display: flex;
 34 
        display: flex;
28 
        p {
 35 
        p {
29 
          display: none;
 36 
          display: none;
30 
          font-size: 1.1rem;
 37 
          font-size: 1.1rem;
Línea 103... Línea 110...
103 
 
 110 
 
104 
@include breakpoints.maxwidth("medium") {
 111 
@include breakpoints.maxwidth("medium") {
105 
  .navLinksContainer {
 112 
  .navLinksContainer {
106 
    height: 100%;
 113 
    height: 100%;
- 
 
 114 
    max-width: none;
107 
    max-width: none;
 115 
    gap: 1rem;
- 
 
 116 
    &__ul {
- 
 
 117 
      flex: auto;
- 
 
 118 
      justify-content: flex-start;
108 
    &__ul__li {
 119 
      &__li {
109 
      padding-bottom: 0;
 120 
        padding-bottom: 0;
110 
      & > a p {
 121 
        & > a p {
111 
        display: inline-flex;
 122 
          display: inline-flex;
112 
      }
 123 
        }
113 
      &:hover {
 124 
        &:hover {
114 
        font-weight: bold;
 125 
          font-weight: bold;
115 
        border-bottom: 2px solid $font-color;
 126 
          border-bottom: 2px solid $font-color;
116 
        .navLinkDropdown {
 127 
          .navLinkDropdown {
- 
 
 128 
            transform: translateX(-50%);
117 
          transform: translateX(-50%);
 129 
          }
118 
        }
 130 
        }
119 
      }
 131 
      }
120 
    }
 132 
    }
121 
  }
 133 
  }
122 
}
 134 
}
123 
@include breakpoints.maxwidth("large") {
 135 
@include breakpoints.maxwidth("large") {
124 
  .navLinksContainer {
 136 
  .navLinksContainer {
125 
    order: 2;
 137 
    order: 2;
126 
  }
 - 
 
127 
}
 138 
  }
- 
 
 139 
}