Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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