Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3695 | Rev 3697 | 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 {
2 
  display: block;
3 
  position: fixed;
4 
  left: 0;
5 
  top: 0;
6 
  width: 70vw;
7 
  height: 100vh;
8 
  background: $bg-color;
9 
  border: 1px solid $border-primary;
10 
  overflow: hidden;
11 
  overflow-y: scroll;
12 
  z-index: 1000;
13 
  ul {
14 
    display: flex;
15 
    flex-direction: column;
16 
    justify-content: center;
3696 stevensc 17 
    gap: 0.5rem;
3496 stevensc 18 
    a {
3695 stevensc 19 
      color: $font-color;
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;
33 
  a {
34 
    color: $white;
35 
    font-size: 1.3rem;
36 
    i {
37 
      margin-right: 1rem;
38 
    }
39 
  }
40 
}
41 
 
42 
.slideIn {
43 
  animation: slideIn 0.3s;
44 
}
45 
 
46 
.slideOut {
47 
  animation: slideOut 0.3s;
48 
}
49 
 
50 
@keyframes slideIn {
51 
  0% {
52 
    transform: translateX(-100%);
53 
  }
54 
  100% {
55 
    transform: translateX(0);
56 
  }
57 
}
58 
@keyframes slideOut {
59 
  0% {
60 
    transform: translateX(0);
61 
  }
62 
  100% {
63 
    transform: translateX(-100%);
64 
  }
65 
}