Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3963 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3496 stevensc 1 
.responsiveNavbar {
3967 stevensc 2 
  display: flex;
3 
  flex-direction: column;
4 
  gap: 0.5rem;
3496 stevensc 5 
  position: fixed;
6 
  top: 0;
7 
  width: 70vw;
8 
  height: 100vh;
9 
  background: $bg-color;
10 
  overflow-y: scroll;
11 
  z-index: 1000;
12 
  ul {
13 
    display: flex;
14 
    flex-direction: column;
15 
    justify-content: center;
3696 stevensc 16 
    gap: 0.5rem;
3496 stevensc 17 
    a {
3695 stevensc 18 
      color: $font-color;
3701 stevensc 19 
      font-size: 1rem;
3496 stevensc 20 
      &:hover {
3695 stevensc 21 
        font-weight: bold;
3496 stevensc 22 
      }
23 
    }
24 
  }
25 
}
26 
 
27 
.backContainer {
28 
  width: 100%;
29 
  padding: 1rem;
30 
  border-bottom: 1px solid $white;
31 
  text-align: left;
32 
  margin-bottom: 1rem;
3967 stevensc 33 
  transition: all 0.3s ease;
3496 stevensc 34 
  a {
35 
    color: $white;
36 
    font-size: 1.3rem;
37 
    i {
38 
      margin-right: 1rem;
39 
    }
40 
  }
41 
}
42 
 
43 
.slideIn {
3963 stevensc 44 
  transform: translateX(0);
3496 stevensc 45 
}
46 
 
47 
.slideOut {
3963 stevensc 48 
  transform: translateX(-100%);
3496 stevensc 49 
}