Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3512 | Rev 3719 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3503 stevensc 1 
.shareFeed {
2 
  display: flex;
3 
  flex-direction: column;
4 
  align-items: flex-start;
5 
  padding: 24px 36px;
6 
  gap: 22px;
7 
  width: 100%;
8 
  height: 100%;
9 
  max-height: 130px;
10 
  background-color: $bg-color;
11 
  border-radius: 5px;
12 
  box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.12);
13 
}
14 
 
15 
.formContainer {
16 
  display: flex;
17 
  flex-direction: column;
18 
  width: 100%;
19 
  gap: 5px;
20 
  input {
21 
    border: none !important;
22 
    box-shadow: none !important;
23 
    outline: none !important;
24 
    padding: 0 0.75rem;
25 
  }
26 
}
27 
 
28 
.shareRowContainer {
29 
  display: flex;
30 
  align-items: center;
31 
  margin-left: auto;
32 
  gap: 5px;
33 
}
34 
 
35 
.shareImage {
36 
  width: 25%;
37 
}
38 
 
39 
.shareIcon {
40 
  font-size: 1.1rem;
41 
}
42 
 
43 
.userInputContainer {
44 
  display: flex;
45 
  align-items: center;
46 
  justify-content: flex-start;
47 
  gap: 1rem;
48 
  img {
49 
    border-radius: 100px;
50 
    width: 43px;
51 
    height: 43px;
52 
    object-fit: cover;
3511 stevensc 53 
    background-color: #fff;
3503 stevensc 54 
  }
55 
  input {
3510 stevensc 56 
    background-color: $bg-color !important;
3503 stevensc 57 
  }
58 
}
59 
 
60 
.shareIconContainer {
61 
  display: grid;
62 
  place-items: center;
63 
  width: 28px;
64 
  height: 28px;
65 
  .shareIcon {
66 
    color: $icons-color;
67 
  }
68 
  &:hover {
69 
    background: $font-color;
70 
    border-radius: 10px;
71 
    .shareIcon {
3512 stevensc 72 
      color: $bg-color;
3503 stevensc 73 
    }
74 
  }
75 
}
76 
 
77 
.iconActive {
78 
  border-radius: 10px;
79 
  background: $font-color;
80 
  .shareIcon {
81 
    color: $bg-color;
3513 stevensc 82 
    transform: rotate(45deg);
83 
    transition: all 0.2s;
3503 stevensc 84 
  }
3512 stevensc 85 
  &:hover {
86 
    background: $font-color;
87 
    .shareIcon {
88 
      color: $bg-color;
3513 stevensc 89 
      transform: rotate(0);
3512 stevensc 90 
    }
91 
  }
3503 stevensc 92 
}