<commit_before>@import 'part:@sanity/base/theme/variables-style';

.segment {
  position: relative;

  @nest &::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    transition: all 0.2s ease-in-out;
    opacity: 0;
  }

  @nest &:first-child {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
  }

  @nest &:last-child {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
  }

  @nest &:hover {
    border-bottom: 1px solid var(--component-bg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    @nest &::after {
      border-bottom-left-radius: 1px;
      border-bottom-right-radius: 1px;
      background: currentColor;
      transform: translate3d(0, 1px, 0);
      opacity: 1;
    }
  }
}

.add {
  composes: segment;
  text-decoration: none;
  mix-blend-mode: multiply;
}

.remove {
  composes: segment;
  text-decoration: line-through;
  mix-blend-mode: multiply;
}

.empty {
  white-space: pre-line;
  white-space: break-spaces;
}
<commit_msg>[field] fix multi-line string border on hover<commit_after>@import 'part:@sanity/base/theme/variables-style';

.segment {
  position: relative;
  line-height: 1.5; /* To make sure the box shadow doesn't get cut off on multiline strings */
  box-shadow: 0 2px 0 var(--component-bg);

  @nest &:first-child {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
  }

  @nest &:last-child {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
  }

  @nest &:hover {
    border-bottom: 1px solid var(--component-bg);
    box-shadow: 0 2px 0 currentColor;
  }
}

.add {
  composes: segment;
  text-decoration: none;
  mix-blend-mode: multiply;
}

.remove {
  composes: segment;
  text-decoration: line-through;
  mix-blend-mode: multiply;
}

.empty {
  white-space: pre-line;
  white-space: break-spaces;
}

{'fraction_non_alphanumeric': 0.14934725848563968, 'fraction_numerical': 0.018798955613577025, 'mean_word_length': 2.8785425101214575, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, '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': '938307', 'n_tokens_mistral': 762, 'n_tokens_neox': 703, 'n_words': 152}