Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3513 | Rev 3721 | Ir a la última revisión | | Comparar con el anterior | 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;
3719 stevensc 12 
  box-shadow: $shadow;
3503 stevensc 13 
}
14 
 
15 
.formContainer {
16 
  display: flex;
17 
  width: 100%;
18 
  gap: 5px;
19 
}
20 
 
21 
.shareRowContainer {
22 
  display: flex;
23 
  align-items: center;
24 
  gap: 5px;
25 
}
26 
 
27 
.shareImage {
28 
  width: 25%;
29 
}
30 
 
31 
.shareIcon {
32 
  font-size: 1.1rem;
33 
}
34 
 
35 
.userInputContainer {
36 
  display: flex;
37 
  align-items: center;
38 
  justify-content: flex-start;
39 
  gap: 1rem;
3719 stevensc 40 
  max-width: 65%;
3503 stevensc 41 
  img {
42 
    border-radius: 100px;
43 
    width: 43px;
44 
    height: 43px;
45 
    object-fit: cover;
3511 stevensc 46 
    background-color: #fff;
3503 stevensc 47 
  }
48 
  input {
3510 stevensc 49 
    background-color: $bg-color !important;
3719 stevensc 50 
    border: none !important;
51 
    box-shadow: none !important;
52 
    outline: none !important;
53 
    padding: 0 0.75rem;
3503 stevensc 54 
  }
55 
}
56 
 
57 
.shareIconContainer {
58 
  display: grid;
59 
  place-items: center;
60 
  width: 28px;
61 
  height: 28px;
62 
  .shareIcon {
63 
    color: $icons-color;
64 
  }
65 
  &:hover {
66 
    background: $font-color;
67 
    border-radius: 10px;
68 
    .shareIcon {
3512 stevensc 69 
      color: $bg-color;
3503 stevensc 70 
    }
71 
  }
72 
}
73 
 
74 
.iconActive {
75 
  border-radius: 10px;
76 
  background: $font-color;
77 
  .shareIcon {
78 
    color: $bg-color;
3513 stevensc 79 
    transform: rotate(45deg);
80 
    transition: all 0.2s;
3503 stevensc 81 
  }
3512 stevensc 82 
  &:hover {
83 
    background: $font-color;
84 
    .shareIcon {
85 
      color: $bg-color;
3513 stevensc 86 
      transform: rotate(0);
3512 stevensc 87 
    }
88 
  }
3503 stevensc 89 
}