Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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