Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

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