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 
 
2196 stevensc 50 
.shareIconContainer {
51 
  display: grid;
52 
  place-items: center;
2815 stevensc 53 
  width: 28px;
54 
  height: 28px;
2817 stevensc 55 
  .shareIcon {
56 
    color: #666666;
57 
  }
2815 stevensc 58 
  &:hover {
59 
    background: #16283c;
60 
    border-radius: 10px;
2817 stevensc 61 
    .shareIcon {
62 
      color: #ffffff;
63 
    }
2278 stevensc 64 
  }
65 
}
2817 stevensc 66 
 
2820 stevensc 67 
.iconActive {
2821 stevensc 68 
  border-radius: 10px;
2817 stevensc 69 
  background: #16283c;
2821 stevensc 70 
  .shareIcon {
71 
    color: #ffffff;
72 
  }
2817 stevensc 73 
}