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