Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3698 | 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 {
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;
3701 stevensc 20 
      font-size: 1rem;
3496 stevensc 21 
      &:hover {
3695 stevensc 22 
        font-weight: bold;
3496 stevensc 23 
      }
24 
    }
25 
  }
26 
}
27 
 
28 
.backContainer {
29 
  width: 100%;
30 
  padding: 1rem;
31 
  border-bottom: 1px solid $white;
32 
  text-align: left;
33 
  margin-bottom: 1rem;
34 
  a {
35 
    color: $white;
36 
    font-size: 1.3rem;
37 
    i {
38 
      margin-right: 1rem;
39 
    }
40 
  }
41 
}
42 
 
43 
.slideIn {
44 
  animation: slideIn 0.3s;
45 
}
46 
 
47 
.slideOut {
48 
  animation: slideOut 0.3s;
49 
}
50 
 
51 
@keyframes slideIn {
52 
  0% {
53 
    transform: translateX(-100%);
54 
  }
55 
  100% {
56 
    transform: translateX(0);
57 
  }
58 
}
59 
@keyframes slideOut {
60 
  0% {
61 
    transform: translateX(0);
62 
  }
63 
  100% {
64 
    transform: translateX(-100%);
65 
  }
66 
}