Proyectos de Subversion LeadersLinked - Antes de SPA

@use "../../settings/mixins.scss";

.share-feed {
  @include mixins.widget;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
  width: 100%;
  max-height: 130px;

  .share_form-container {
    display: flex;
    width: 100%;
    gap: .5rem;

    img {
      border-radius: 100px;
      width: 45px;
      height: 45px;
      object-fit: cover;
      background-color: $bg-color;
      border: 1px solid $font-color;
    }

    input {
      background-color: $bg-color;
      border: none;
      box-shadow: none;
      outline: none;
      padding: 0;
      width: -webkit-fill-available;
    }
  }

  .share_icons-container {
    display: flex;
    align-items: center;
    gap: .5rem;
  }

  .share-icon {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 10px;
    color: $font-color;
    transition: all 200ms;

    &:hover,
    &.active {
      background: $font-color;
      color: $bg-color;
    }

    &.active svg {
      transform: rotate(45deg);
    }

    &.active:hover svg {
      transform: rotate(0);
    }
  }
}