@use '~/styles/mixins' as *;

.grw-recent-changes-resize-button :global {
  font-size: 12px;
  line-height: normal;
  transform: translateY(-2px);

  .custom-control-label::before {
    padding-left: 19px;
    content: 'L';
  }

  .custom-control-input:checked + .custom-control-label::before {
    padding-left: 5px;
    content: 'S';
  }
}

.list-group-item :global {
  .grw-recent-changes-skeleton-small {
    @include grw-skeleton-text($font-size:14px, $line-height:16px);
    max-width: 120px;
  }

  .grw-recent-changes-skeleton-h5 {
    @include grw-skeleton-h5;
    max-width: 120px;
  }

  .grw-recent-changes-skeleton-date {
    @include grw-skeleton-text($font-size:10px, $line-height:12px);
    width: 80px;
  }

  .grw-recent-changes-item-lower {
    height: 17.5px;
  }
  .footstamp-icon {
    svg {
      width: 14px;
      height: 14px;
      transform: translateY(-3.5px);
    }
  }

  .grw-list-counts {
    height: 14px;
    font-size: 12px;
  }

  .grw-formatted-distance-date {
    font-size: 10px;
  }

  .icon-lock {
    font-size: 14px;
  }

  // For truncate-text
  .flex-grow-1 {
    min-width: 0;
  }

  .truncate-text {
    max-width: fit-content;
  }
}