<commit_before>/********
 * VARS *
 ********/

$spacing-xs: 5px;
$spacing-sm: 9px;

$border-width-base: 2px;
$border-width-lg:   3px;

$transition-func: cubic-bezier(0.250, 0.460, 0.450, 0.940);


/**********
 * MIXINS *
 **********/


@mixin whenScreen   { @media screen { @content; } }

//
@function buildTransition($properties, $speed, $delay) {
  $transitions: ();

  @each $property in $properties {
    $transitions: append($transitions
      , $property $speed $transition-func $delay, comma);
  }

  @return $transitions;
}

//
@mixin transition($properties, $speed: 0ms, $delay: 0ms) {
  @include whenScreen {
    transition: buildTransition($properties, $speed, $delay);
  }
}


/***********
 * CURSORS *
 ***********/


// Core Editor
.ql-container {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.ql-editor {
  position: relative;
  position: relative;
  flex: 1;
  outline: none;
  tab-size: 4;
  white-space: pre-wrap;
}

.ql-cursor {

  &.hidden {
    display: none;
  }

  .ql-cursor-caret-container,
  .ql-cursor-flag {
    position: absolute;
  }

  .ql-cursor-flag {
    z-index: 1;
    transform: translate3d(-$border-width-base / 2, -100%, 0);
    opacity: 0;
    color: white;
    padding-bottom: 2px;

    @include transition((
      opacity
    ));

    .ql-cursor-name {
      margin-left: $spacing-xs;
      margin-right: $spacing-xs / 2;
      display: inline-block;
      margin-top: -2px;
    }

    .ql-cursor-flag-flap {
      display: inline-block;
      z-index: -1;
      width: $spacing-xs;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -$spacing-xs / 2;
      border-radius: $border-width-lg;
      background-color: inherit;
    }
  }

  .ql-cursor-caret-container:hover + .ql-cursor-flag {
    opacity: 1;
    transition: none;
  }

  .ql-cursor-caret-container {
    margin-left: -$spacing-sm;
    padding: 0 $spacing-sm;
    z-index: 1;

    .ql-cursor-caret {<commit_msg>Prevent cursor name flag from disappearing on hover<commit_after>/********
 * VARS *
 ********/

$spacing-xs: 5px;
$spacing-sm: 9px;

$border-width-base: 2px;
$border-width-lg:   3px;

$transition-func: cubic-bezier(0.250, 0.460, 0.450, 0.940);


/**********
 * MIXINS *
 **********/


@mixin whenScreen   { @media screen { @content; } }

//
@function buildTransition($properties, $speed, $delay) {
  $transitions: ();

  @each $property in $properties {
    $transitions: append($transitions
      , $property $speed $transition-func $delay, comma);
  }

  @return $transitions;
}

//
@mixin transition($properties, $speed: 0ms, $delay: 0ms) {
  @include whenScreen {
    transition: buildTransition($properties, $speed, $delay);
  }
}


/***********
 * CURSORS *
 ***********/


// Core Editor
.ql-container {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.ql-editor {
  position: relative;
  position: relative;
  flex: 1;
  outline: none;
  tab-size: 4;
  white-space: pre-wrap;
}

.ql-cursor {

  &.hidden {
    display: none;
  }

  .ql-cursor-caret-container,
  .ql-cursor-flag {
    position: absolute;
  }

  .ql-cursor-flag {
    z-index: 1;
    transform: translate3d(-$border-width-base / 2, -100%, 0);
    opacity: 0;
    visibility: hidden;
    color: white;
    padding-bottom: 2px;

    @include transition((
      opacity,
      visibility
    ));

    .ql-cursor-name {
      margin-left: $spacing-xs;
      margin-right: $spacing-xs / 2;
      display: inline-block;
      margin-top: -2px;
    }

    .ql-cursor-flag-flap {
      display: inline-block;
      z-index: -1;
      width: $spacing-xs;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -$spacing-xs / 2;
      border-radius: $border-width-lg;
      background-color: inherit;
    }
  }

  .ql-cursor-flag:hover,
  .ql-cursor-caret-container:hover + .ql-cursor-flag {
    opacity: 1;
    visibility: visible;
    transition: none;
  }

  .ql-cursor-caret-container {
    margin-left: -$spacing-sm;
    padding: 0 $spacing-sm;
    z-index: 1;

    .ql-cursor-caret {
{'fraction_non_alphanumeric': 0.18141592920353983, 'fraction_numerical': 0.021140609636184856, 'mean_word_length': 2.5475152571926767, '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': '2592442', 'n_tokens_mistral': 1583, 'n_tokens_neox': 1467, 'n_words': 305}