<commit_before>/*
 * Copyright (C) 2016 Actor LLC. <https://actor.im>
 */

$min-scrollbar-width: 4px;
$max-scrollbar-width: $min-scrollbar-width + 2;

.scroll-wrapper {
  width: 100%;
  height: 100%;
}

.ss-container {
  position: relative;
  .ss-wrapper {
    position: relative;
    z-index: 1;

    overflow: hidden;

    width: 100%;
    height: 100%;
    .ss-content {
      position: relative;

      overflow: auto;

      width: 100%;
      height: 100%;
      margin-right: -18px;
      padding-right: 32px;
    }
  }

  .ss-scroll {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    width: $min-scrollbar-width;
    opacity: 0;
    transition: opacity 100ms linear;

    cursor: pointer;

    background: $dark-sky-blue;
    &.ss-hidden {
      display: none;
    }
  }

  &:active,
  &:hover {
    .ss-scroll {
      opacity: 1;
      width: $max-scrollbar-width;
    }
  }
}

.ss-grabbed {
  @include no-select();
}<commit_msg>style(web): make scrollbar bigger on hover, change default scrollbar background color.<commit_after>/*
 * Copyright (C) 2016 Actor LLC. <https://actor.im>
 */

$min-scrollbar-width: 4px;
$max-scrollbar-width: $min-scrollbar-width + 2;
$default-scrollbar-color: $pigeon-post;

.scroll-wrapper {
  width: 100%;
  height: 100%;
}

.ss-container {
  position: relative;
  .ss-wrapper {
    position: relative;
    z-index: 1;

    overflow: hidden;

    width: 100%;
    height: 100%;
    .ss-content {
      position: relative;

      overflow: auto;

      width: 100%;
      height: 100%;
      margin-right: -18px;
      padding-right: 32px;
    }
  }

  .ss-scroll {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    width: $min-scrollbar-width;
    opacity: 0;
    transition: opacity 100ms linear;

    cursor: pointer;

    background: $default-scrollbar-color;
    &:active,
    &:hover {
      width: $max-scrollbar-width;
    }

    &.ss-hidden {
      display: none;
    }
  }

  &:active,
  &:hover {
    .ss-scroll {
      opacity: 1;
    }
  }
}

.ss-grabbed {
  @include no-select();
}
{'fraction_non_alphanumeric': 0.15158806544754572, 'fraction_numerical': 0.0356111645813282, 'mean_word_length': 2.188650306748466, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5206835', 'n_tokens_mistral': 842, 'n_tokens_neox': 747, 'n_words': 170}