Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5443 | | 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;
5444 stevensc 39 
    gap: 5px;
3503 stevensc 40 
  }
41 
 
5443 stevensc 42 
  .share-icon {
43 
    display: grid;
44 
    place-items: center;
5444 stevensc 45 
    width: 28px;
46 
    height: 28px;
3503 stevensc 47 
    border-radius: 10px;
5443 stevensc 48 
    color: $font-color;
49 
    transition: all 200ms;
5442 stevensc 50 
 
5444 stevensc 51 
    svg {
52 
      font-size: 1.4rem;
53 
      transition: all 200ms;
54 
    }
55 
 
5443 stevensc 56 
    &:hover,
57 
    &.active {
58 
      background: $font-color;
3512 stevensc 59 
      color: $bg-color;
3503 stevensc 60 
    }
61 
 
5443 stevensc 62 
    &.active:hover svg {
5444 stevensc 63 
      transform: rotate(-45deg);
3512 stevensc 64 
    }
65 
  }
5442 stevensc 66 
}