Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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