Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5442 | 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 
 
5443 stevensc 12 
  .share_form-container {
13 
    display: flex;
14 
    width: 100%;
15 
    gap: .5rem;
3503 stevensc 16 
 
5443 stevensc 17 
    img {
18 
      border-radius: 100px;
19 
      width: 45px;
20 
      height: 45px;
21 
      object-fit: cover;
22 
      background-color: $bg-color;
23 
      border: 1px solid $font-color;
24 
    }
3503 stevensc 25 
 
5443 stevensc 26 
    input {
27 
      background-color: $bg-color;
28 
      border: none;
29 
      box-shadow: none;
30 
      outline: none;
31 
      padding: 0;
32 
      width: -webkit-fill-available;
33 
    }
3503 stevensc 34 
  }
5442 stevensc 35 
 
5443 stevensc 36 
  .share_icons-container {
37 
    display: flex;
38 
    align-items: center;
39 
    gap: .5rem;
3503 stevensc 40 
  }
41 
 
5443 stevensc 42 
  .share-icon {
43 
    display: grid;
44 
    place-items: center;
45 
    width: 1.5rem;
46 
    height: 1.5rem;
3503 stevensc 47 
    border-radius: 10px;
5443 stevensc 48 
    color: $font-color;
49 
    transition: all 200ms;
5442 stevensc 50 
 
5443 stevensc 51 
    &:hover,
52 
    &.active {
53 
      background: $font-color;
3512 stevensc 54 
      color: $bg-color;
3503 stevensc 55 
    }
56 
 
5443 stevensc 57 
    &.active svg {
58 
      transform: rotate(45deg);
59 
    }
5442 stevensc 60 
 
5443 stevensc 61 
    &.active:hover svg {
3513 stevensc 62 
      transform: rotate(0);
3512 stevensc 63 
    }
64 
  }
5442 stevensc 65 
}