Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6635 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6635 stevensc 1 
.searchBox {
2 
  padding: 2rem;
3 
  background-color: $bg-color;
4 
  position: relative;
5 
  z-index: 999;
6707 stevensc 6 
 
6635 stevensc 7 
  form {
8 
    display: flex;
9 
    align-items: center;
10 
  }
6707 stevensc 11 
 
6635 stevensc 12 
  input {
13 
    width: 100%;
14 
    padding: 0.5rem 1rem;
15 
    border: none;
16 
    border-radius: 30px 0 0 30px;
17 
    height: 40px;
18 
  }
6707 stevensc 19 
 
6635 stevensc 20 
  button {
21 
    font-size: 1.5rem;
22 
    height: 40px;
23 
    background-color: $bg-color;
24 
    border-radius: 0 30px 30px 0;
25 
    padding-right: 0.5rem;
26 
  }
27 
}
28 
 
29 
.backdrop {
30 
  position: absolute;
31 
  left: 0;
32 
  top: 0;
33 
  width: 100%;
34 
  height: 100%;
35 
  background-color: rgba(0, 0, 0, 0.205);
36 
  z-index: 900;
37 
}
38 
 
39 
.fadeIn {
40 
  transform-origin: top;
41 
  animation: fadeIn 0.3s;
42 
}
43 
 
44 
.fadeOut {
45 
  transform-origin: top;
46 
  animation: fadeOut 0.3s;
47 
}
48 
 
49 
@keyframes fadeIn {
50 
  0% {
51 
    transform: scaleY(0);
52 
  }
6707 stevensc 53 
 
6635 stevensc 54 
  100% {
55 
    transform: scaleY(1);
56 
  }
57 
}
6707 stevensc 58 
 
6635 stevensc 59 
@keyframes fadeOut {
60 
  0% {
61 
    transform: scaleY(1);
62 
  }
6707 stevensc 63 
 
6635 stevensc 64 
  100% {
65 
    transform: scaleY(0);
66 
  }
6707 stevensc 67 
}