Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3510 | Ir a la última revisión | | 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;
53 
  }
54 
  input {
55 
    background-color: $bg-color;
56 
  }
57 
}
58 
 
59 
.shareIconContainer {
60 
  display: grid;
61 
  place-items: center;
62 
  width: 28px;
63 
  height: 28px;
64 
  .shareIcon {
65 
    color: $icons-color;
66 
  }
67 
  &:hover {
68 
    background: $font-color;
69 
    border-radius: 10px;
70 
    .shareIcon {
71 
      color: #ffffff;
72 
    }
73 
  }
74 
}
75 
 
76 
.iconActive {
77 
  border-radius: 10px;
78 
  background: $font-color;
79 
  .shareIcon {
80 
    color: $bg-color;
81 
  }
82 
}