Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3664 Rev 3665
Línea 43... Línea 43...
43 
      &:hover {
 43 
      &:hover {
44 
        font-weight: bold;
 44 
        font-weight: bold;
45 
        border-bottom: 2px solid $font-color;
 45 
        border-bottom: 2px solid $font-color;
46 
        .navLinkDropdown {
 46 
        .navLinkDropdown {
47 
          display: block;
 47 
          display: block;
48 
          position: absolute;
 - 
 
49 
          top: calc(100% + 2px);
 - 
 
50 
          left: 50%;
 - 
 
51 
          transform: translateX(-35%);
 - 
 
52 
          width: 200px;
 - 
 
53 
          z-index: 1000;
 - 
 
54 
          background-color: $bg-color;
 - 
 
55 
          border-radius: 10px;
 - 
 
56 
          ul {
 - 
 
57 
            display: flex;
 - 
 
58 
            flex-direction: column;
 - 
 
59 
            padding: 1rem;
 - 
 
60 
            gap: 1rem;
 - 
 
61 
            text-align: left;
 - 
 
62 
            background-color: $bg-color;
 - 
 
63 
            border-radius: 10px;
 - 
 
64 
            box-shadow: 0px 4px 14px -2px rgb(0 0 0 / 12%), 0px -5px 14px -2px rgb(0 0 0 / 12%);
 - 
 
65 
            li {
 - 
 
66 
              position: relative;
 - 
 
67 
              a {
 - 
 
68 
                font-weight: normal;
 - 
 
69 
                padding: 0 !important;
 - 
 
70 
                font-size: 1.1rem;
 - 
 
71 
              }
 - 
 
72 
              &:hover {
 - 
 
73 
                a {
 - 
 
74 
                  font-weight: bold;
 - 
 
75 
                }
 - 
 
76 
                .navLinkLevelThree {
 - 
 
77 
                  display: block;
 - 
 
78 
                  position: absolute;
 - 
 
79 
                  top: -10%;
 - 
 
80 
                  left: 170px;
 - 
 
81 
                  width: 200px;
 - 
 
82 
                  z-index: 1000;
 - 
 
83 
                }
 - 
 
84 
              }
 - 
 
85 
            }
 - 
 
86 
          }
 - 
 
87 
          &:nth-child(1),
 - 
 
88 
          &:nth-child(2) ul li {
 - 
 
89 
            display: flex;
 - 
 
90 
            justify-content: space-between;
 - 
 
91 
          }
 - 
 
92 
        }
 48 
        }
93 
      }
 49 
      }
94 
    }
 50 
    }
95 
  }
 51 
  }
96 
}
 52 
}
Línea 97... Línea -...
97 
 
 - 
 
98 
.navLinkDropdown,
 53 
 
99 
.navLinkLevelThree {
 54 
.navLinkLevelThree {
- 
 
 55 
  display: none;
- 
 
 56 
  position: absolute;
- 
 
 57 
  top: -10%;
- 
 
 58 
  left: 170px;
- 
 
 59 
  width: 200px;
- 
 
 60 
  z-index: 1000;
- 
 
 61 
}
- 
 
 62 
 
- 
 
 63 
.navLinkDropdown {
- 
 
 64 
  display: none;
- 
 
 65 
  position: absolute;
- 
 
 66 
  top: calc(100% + 2px);
- 
 
 67 
  left: 50%;
- 
 
 68 
  transform: translateX(-35%);
- 
 
 69 
  width: 200px;
- 
 
 70 
  z-index: 1000;
- 
 
 71 
  background-color: $bg-color;
- 
 
 72 
  border-radius: 10px;
- 
 
 73 
  ul {
- 
 
 74 
    display: flex;
- 
 
 75 
    flex-direction: column;
- 
 
 76 
    padding: 1rem;
- 
 
 77 
    gap: 1rem;
- 
 
 78 
    text-align: left;
- 
 
 79 
    background-color: $bg-color;
- 
 
 80 
    border-radius: 10px;
- 
 
 81 
    box-shadow: 0px 4px 14px -2px rgb(0 0 0 / 12%), 0px -5px 14px -2px rgb(0 0 0 / 12%);
- 
 
 82 
    li {
- 
 
 83 
      position: relative;
- 
 
 84 
      display: flex;
- 
 
 85 
      justify-content: space-between;
- 
 
 86 
      a {
- 
 
 87 
        font-weight: normal;
- 
 
 88 
        padding: 0 !important;
- 
 
 89 
        font-size: 1.1rem;
- 
 
 90 
      }
- 
 
 91 
      &:hover {
- 
 
 92 
        .navLinkLevelThree {
- 
 
 93 
          display: block;
- 
 
 94 
        }
- 
 
 95 
        & > a,
- 
 
 96 
        .navLinkLevelThree ul li:hover a {
- 
 
 97 
          font-weight: bold;
- 
 
 98 
        }
- 
 
 99 
      }
- 
 
 100 
    }
100 
  display: none;
 101 
  }
Línea 101... Línea 102...
101 
}
 102 
}
102 
 
 103 
 
103 
@include breakpoints.maxwidth("medium") {
 104 
@include breakpoints.maxwidth("medium") {