Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Ir a la última revisión | | 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;
6 
  form {
7 
    display: flex;
8 
    align-items: center;
9 
  }
10 
  input {
11 
    width: 100%;
12 
    padding: 0.5rem 1rem;
13 
    border: none;
14 
    border-radius: 30px 0 0 30px;
15 
    height: 40px;
16 
  }
17 
  button {
18 
    font-size: 1.5rem;
19 
    height: 40px;
20 
    background-color: $bg-color;
21 
    border-radius: 0 30px 30px 0;
22 
    padding-right: 0.5rem;
23 
  }
24 
}
25 
 
26 
.backdrop {
27 
  position: absolute;
28 
  left: 0;
29 
  top: 0;
30 
  width: 100%;
31 
  height: 100%;
32 
  background-color: rgba(0, 0, 0, 0.205);
33 
  z-index: 900;
34 
}
35 
 
36 
.fadeIn {
37 
  transform-origin: top;
38 
  animation: fadeIn 0.3s;
39 
}
40 
 
41 
.fadeOut {
42 
  transform-origin: top;
43 
  animation: fadeOut 0.3s;
44 
}
45 
 
46 
@keyframes fadeIn {
47 
  0% {
48 
    transform: scaleY(0);
49 
  }
50 
  100% {
51 
    transform: scaleY(1);
52 
  }
53 
}
54 
@keyframes fadeOut {
55 
  0% {
56 
    transform: scaleY(1);
57 
  }
58 
  100% {
59 
    transform: scaleY(0);
60 
  }
61 
}