Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2278 stevensc 1 
@import "../../../css/shared/variables.scss";
2 
@import "../../../css/shared/breakpoints.scss";
3 
 
1 www 4 
.shareFeed {
2813 stevensc 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 
  background-color: #fff;
13 
  border-radius: 10px;
14 
  border-bottom: solid 1px var(--border-light-gray);
15 
  border-top: solid 1px var(--border-light-gray);
16 
  box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.12);
1 www 17 
}
2124 steven 18 
 
2816 stevensc 19 
.formContainer {
20 
  display: flex;
21 
  flex-direction: column;
2817 stevensc 22 
  width: 100%;
2816 stevensc 23 
  gap: 5px;
2817 stevensc 24 
  input {
25 
    border: none !important;
26 
    box-shadow: none !important;
27 
    outline: none !important;
2816 stevensc 28 
  }
29 
}
30 
 
2203 stevensc 31 
.shareRowContainer {
32 
  display: flex;
33 
  align-items: center;
2278 stevensc 34 
  flex-wrap: wrap;
2814 stevensc 35 
  width: 30%;
36 
  margin-left: auto;
2203 stevensc 37 
  div {
38 
    flex: 1;
39 
  }
40 
}
41 
 
2201 stevensc 42 
.shareImage {
2206 stevensc 43 
  width: 25%;
2124 steven 44 
}
45 
 
2201 stevensc 46 
.shareIcon {
2213 stevensc 47 
  font-size: 1.1rem;
2201 stevensc 48 
}
49 
 
2829 stevensc 50 
.userInputContainer {
51 
  display: flex;
52 
  align-items: center;
53 
  justify-content: flex-start;
54 
  gap: 1rem;
55 
  img {
56 
    border-radius: 100px;
57 
    width: 43px;
58 
    height: 43px;
59 
    object-fit: cover;
60 
  }
61 
}
62 
 
2196 stevensc 63 
.shareIconContainer {
64 
  display: grid;
65 
  place-items: center;
2815 stevensc 66 
  width: 28px;
67 
  height: 28px;
2817 stevensc 68 
  .shareIcon {
69 
    color: #666666;
70 
  }
2815 stevensc 71 
  &:hover {
72 
    background: #16283c;
73 
    border-radius: 10px;
2817 stevensc 74 
    .shareIcon {
75 
      color: #ffffff;
76 
    }
2278 stevensc 77 
  }
78 
}
2817 stevensc 79 
 
2820 stevensc 80 
.iconActive {
2821 stevensc 81 
  border-radius: 10px;
2817 stevensc 82 
  background: #16283c;
2821 stevensc 83 
  .shareIcon {
84 
    color: #ffffff;
85 
  }
2817 stevensc 86 
}