mastodon/app/javascript/styles/closed-social/global.scss

.column {
	flex: 1 0 auto;
}

.pinned-info {
  position: relative;
	opacity: 0.85;
  font-size: 15px;
  padding: 10px 20px;
  a {
    color: #3fadfd;
  }
}

.pinned-info__icon {
  .fa {
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
  }
}

div {
  &.status__info {
    & > a {
      &.status__display-name {
        display: inline-block;
      }
    }
  }
}

.gifv {
  & > video {
    width: 100%;
    max-height: 100%;
  }
}

.columns-area--mobile {
  .getting-started__trends {
    display: block;
    .trends__item {
      display: flex;
    }
  }
}

.status__quote__wrapper {
  margin-top:16px;
  border-left: 5px solid #dbdbdb80;
  background: #dbdbdb40;
 
  .status {
      padding-left:40px;

      .status__action-bar {
        display: none;
      }
      .status__avatar {
	      transform: scale(0.5);
	      transform-origin: 0% 0%;
      }
  }
}

.status__tree__quote__wrapper {
  margin-top:16px;
  padding: 10px 5px;
  background: #dbdbdb40;
} 

@keyframes like {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.75);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes unlike {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(240deg);
  }
  80% {
    transform: rotateY(140deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}

.no-reduce-motion .icon-button.star-icon {
  &.activate {
    & > .fa-heart {
      animation: like 1s linear;
    }
  }
}

.no-reduce-motion .icon-button.star-icon {
  &.deactivate {
    & > .fa-heart {
      animation: unlike 1s linear;
    }
  }
}