<commit_before>@import "~inuitcss/settings/settings.core";
@import "src/css/settings/_global.scss";

$arrow-size: 40px;

.base {
  margin-bottom: $inuit-global-spacing-unit;

  // Restyling the Slick classes:

  :global {
    .slick-arrow {
      width: $arrow-size;
      height: $arrow-size;
    }

    .slick-prev:before,
    .slick-next:before {
      text-shadow: 0 0 4px #888;
      opacity: 1;
      font-size: $arrow-size;
      line-height: $arrow-size;
    }

    .slick-next {
      right: 0;
      margin-right: $inuit-global-spacing-unit-small;

      transition: right $global-transition;
      &:hover { right: -3px; }
    }

    .slick-prev {
      left: 0;
      margin-left: $inuit-global-spacing-unit-small;

      // HACK Puts the arrow above the slider.
      z-index: 1;

      transition: left $global-transition;
      &:hover { left: -3px; }
    }

    .slick-slide {
      height: $inuit-global-spacing-unit-large*12;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;

      // We don't want any of the slides having margins, especially at the bottom.
      // This keeps the dots and the sliders fit snug together.
      margin: 0;
    }

    .slick-dots {
      // Removes the default positioning of the dots so we can use plain margins.
      // The dots ended up clipping into the content below them because of the
      // absolute positioning they use by default..
      position: inherit;
      bottom: 0;
    }
  }<commit_msg>Decrease how much we push the Slick arrows inwards<commit_after>@import "~inuitcss/settings/settings.core";
@import "src/css/settings/_global.scss";

$arrow-size: 40px;

.base {
  margin-bottom: $inuit-global-spacing-unit;

  // Restyling the Slick classes:

  :global {
    .slick-arrow {
      width: $arrow-size;
      height: $arrow-size;
    }

    .slick-prev:before,
    .slick-next:before {
      text-shadow: 0 0 4px #888;
      opacity: 1;
      font-size: $arrow-size;
      line-height: $arrow-size;
    }

    .slick-next {
      right: 0;
      margin-right: $inuit-global-spacing-unit-tiny;

      transition: right $global-transition;
      &:hover { right: -3px; }
    }

    .slick-prev {
      left: 0;
      margin-left: $inuit-global-spacing-unit-tiny;

      // HACK Puts the arrow above the slider.
      z-index: 1;

      transition: left $global-transition;
      &:hover { left: -3px; }
    }

    .slick-slide {
      height: $inuit-global-spacing-unit-large*12;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;

      // We don't want any of the slides having margins, especially at the bottom.
      // This keeps the dots and the sliders fit snug together.
      margin: 0;
    }

    .slick-dots {
      // Removes the default positioning of the dots so we can use plain margins.
      // The dots ended up clipping into the content below them because of the
      // absolute positioning they use by default..
      position: inherit;
      bottom: 0;
    }
  }
{'fraction_non_alphanumeric': 0.11722565939433409, 'fraction_numerical': 0.011722565939433409, 'mean_word_length': 2.183419689119171, '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': '4255730', 'n_tokens_mistral': 1052, 'n_tokens_neox': 973, 'n_words': 278}