Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3977 Rev 3979
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 {
 3 
.navLinksContainer {
4 
  flex: 1;
 4 
  flex: 1;
5 
  order: 4;
 5 
  order: 3;
- 
 
 6 
  min-width: 50%;
6 
  min-width: 50%;
 7 
  display: flex;
7 
  &__ul {
 8 
  &__ul {
8 
    display: flex;
 9 
    display: flex;
9 
    height: 100%;
 10 
    height: 100%;
10 
    align-items: center;
 11 
    align-items: center;
11 
    gap: 1rem;
 12 
    gap: 1rem;
- 
 
 13 
    justify-content: space-around;
12 
    justify-content: space-around;
 14 
    width: 100%;
13 
    &__li {
 15 
    &__li {
14 
      position: relative;
 16 
      position: relative;
15 
      display: flex;
 17 
      display: flex;
16 
      flex-direction: column;
 18 
      flex-direction: column;
Línea 98... Línea 100...
98 
    }
 100 
    }
99 
  }
 101 
  }
100 
}
 102 
}
Línea 101... Línea 103...
101 
 
 103 
 
102 
@include breakpoints.maxwidth("medium") {
 104 
@include breakpoints.maxwidth("medium") {
103 
  .navLinksContainer {
 - 
 
104 
    height: 100%;
 - 
 
105 
    order: 3;
 - 
 
106 
    &__ul__li {
 105 
  .navLinksContainer__ul__li {
107 
      padding-bottom: 0;
 106 
      padding-bottom: 0;
108 
      & > a p {
 107 
      & > a p {
109 
        display: inline-flex;
 108 
        display: inline-flex;
110 
      }
 109 
      }
Línea 114... Línea 113...
114 
        .navLinkDropdown {
 113 
        .navLinkDropdown {
115 
          transform: translateX(-50%);
 114 
          transform: translateX(-50%);
116 
        }
 115 
        }
117 
      }
 116 
      }
118 
    }
 117 
    }
119 
  }
 118
120 
}
 119 
}
121 
@include breakpoints.maxwidth("large") {
 120 
@include breakpoints.maxwidth("large") {
122 
  .navLinksContainer {
 121 
  .navLinksContainer {
123 
    min-width: auto;
 122 
    min-width: auto;
124 
    order: 2;
 123 
    order: 2;