Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3956 | Rev 5443 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5442 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
3 
.share-feed {
4 
  @include mixins.widget;
3503 stevensc 5 
  display: flex;
6 
  flex-direction: column;
5442 stevensc 7 
  padding: 1rem;
8 
  gap: 1rem;
3503 stevensc 9 
  width: 100%;
10 
  max-height: 130px;
11 
}
12 
 
13 
.formContainer {
14 
  display: flex;
15 
  width: 100%;
16 
  gap: 5px;
17 
}
18 
 
19 
.shareRowContainer {
20 
  display: flex;
21 
  align-items: center;
22 
  gap: 5px;
23 
}
24 
 
25 
.shareImage {
26 
  width: 25%;
27 
}
28 
 
29 
.shareIcon {
30 
  font-size: 1.1rem;
31 
}
32 
 
33 
.userInputContainer {
34 
  display: flex;
35 
  align-items: center;
36 
  justify-content: flex-start;
3956 stevensc 37 
  gap: 0.5rem;
3721 stevensc 38 
  width: 75%;
5442 stevensc 39 
 
3503 stevensc 40 
  img {
41 
    border-radius: 100px;
42 
    width: 43px;
43 
    height: 43px;
44 
    object-fit: cover;
3511 stevensc 45 
    background-color: #fff;
3503 stevensc 46 
  }
5442 stevensc 47 
 
3503 stevensc 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;
3956 stevensc 53 
    padding: 0;
3503 stevensc 54 
  }
55 
}
56 
 
57 
.shareIconContainer {
58 
  display: grid;
59 
  place-items: center;
60 
  width: 28px;
61 
  height: 28px;
5442 stevensc 62 
 
3503 stevensc 63 
  .shareIcon {
64 
    color: $icons-color;
65 
  }
5442 stevensc 66 
 
3503 stevensc 67 
  &:hover {
68 
    background: $font-color;
69 
    border-radius: 10px;
5442 stevensc 70 
 
3503 stevensc 71 
    .shareIcon {
3512 stevensc 72 
      color: $bg-color;
3503 stevensc 73 
    }
74 
  }
75 
}
76 
 
77 
.iconActive {
78 
  border-radius: 10px;
79 
  background: $font-color;
5442 stevensc 80 
 
3503 stevensc 81 
  .shareIcon {
82 
    color: $bg-color;
3513 stevensc 83 
    transform: rotate(45deg);
84 
    transition: all 0.2s;
3503 stevensc 85 
  }
5442 stevensc 86 
 
3512 stevensc 87 
  &:hover {
88 
    background: $font-color;
5442 stevensc 89 
 
3512 stevensc 90 
    .shareIcon {
91 
      color: $bg-color;
3513 stevensc 92 
      transform: rotate(0);
3512 stevensc 93 
    }
94 
  }
5442 stevensc 95 
}