<commit_before>$flickity-basic-dot-size: rem-calc(13);

$flickity-basic-cell-spacing-mobile: rem-calc(5);
$flickity-basic-cell-spacing-tablet: rem-calc(10);
$flickity-basic-cell-spacing-desktop: rem-calc(10);

$flickity-basic-slide-width-mobile: calc(92% - 2*#{$flickity-basic-cell-spacing-mobile});
$flickity-basic-slide-width-tablet: calc(40% - 2*#{$flickity-basic-cell-spacing-tablet});
$flickity-basic-slide-width-desktop: calc(20% - 2*#{$flickity-basic-cell-spacing-desktop});


//--------------------------------------------------
// classes
//--------------------------------------------------
&--basic {
  overflow: hidden;
  
  .flickity-page-dots {
    margin: rem-calc(30) auto 0 auto;

    position: relative;
    bottom: initial;

    .dot {
      background-color: $grey-light;
      border-radius: 100%;
      margin-right: $flickity-basic-dot-size/2;
      width: $flickity-basic-dot-size; height: $flickity-basic-dot-size;
    }

    .dot.is-selected { background-color: $grey; }
  }

  .flickity-viewport {
    
    @include responsive(overflow, visible, visible, visible, hidden);
    width: auto;
  }

  .flickity-slides {
    align-items: stretch;
  }

  .carousel-cell {
    padding-right: $flickity-basic-cell-spacing-mobile;
    padding-left: $flickity-basic-cell-spacing-mobile;
    width: $flickity-basic-slide-width-mobile;

    @include breakpoint($small) { 
      padding-right: $flickity-basic-cell-spacing-tablet;
      padding-left: $flickity-basic-cell-spacing-tablet;
      width: $flickity-basic-slide-width-tablet; 
    }

    @include breakpoint($medium) { 
      padding-left: $flickity-basic-cell-spacing-desktop;
      padding-left: $flickity-basic-cell-spacing-desktop;
      width: $flickity-basic-slide-width-desktop; 
    }

    
    &:last-child {
      @include breakpoint($large) {
        // @include tooltip-last-slide;
      }
    }
  }

  .carousel-cell__content {
    // @include responsive(margin, 0 $flickity-basic-slide-margin-mobile, 0 $flickity-basic-slide-margin-tablet, 0 $flickity-basic-slide-margin-tablet, 0 $flickity-basic-slide-margin-desktop);
    background-color: $white; 
    border: solid 1px $grey-light;
    font-size: rem-calc(18);
    padding: rem-calc(16);
    width: 100%; height: 100%;

    position: relative;

    
  }

  .carousel-cell__title {
    @include responsive(margin, 0, rem-calc(0 5), rem-calc(0 5), rem-calc(0 10));
  }
<commit_msg>Set the correct width for the slides on the target 11 dashboard on desktop<commit_after>$flickity-basic-dot-size: rem-calc(13);

$flickity-basic-cell-spacing-mobile: rem-calc(5);
$flickity-basic-cell-spacing-tablet: rem-calc(10);
$flickity-basic-cell-spacing-desktop: rem-calc(10);

$flickity-basic-slide-width-mobile: calc(92% - 2*#{$flickity-basic-cell-spacing-mobile});
$flickity-basic-slide-width-tablet: calc(40% - 2*#{$flickity-basic-cell-spacing-tablet});
$flickity-basic-slide-width-desktop: 20%;


//--------------------------------------------------
// classes
//--------------------------------------------------
&--basic {
  overflow: hidden;
  
  .flickity-page-dots {
    margin: rem-calc(30) auto 0 auto;

    position: relative;
    bottom: initial;

    @include breakpoint($medium) { display: none; }

    .dot {
      background-color: $grey-light;
      border-radius: 100%;
      margin-right: $flickity-basic-dot-size/2;
      width: $flickity-basic-dot-size; height: $flickity-basic-dot-size;
    }

    .dot.is-selected { background-color: $grey; }
  }

  .flickity-viewport {
    
    @include responsive(overflow, visible, visible, visible, hidden);
    width: auto;
  }

  .flickity-slides {
    align-items: stretch;
  }

  .carousel-cell {
    padding-right: $flickity-basic-cell-spacing-mobile;
    padding-left: $flickity-basic-cell-spacing-mobile;
    width: $flickity-basic-slide-width-mobile;

    @include breakpoint($small) { 
      padding-right: $flickity-basic-cell-spacing-tablet;
      padding-left: $flickity-basic-cell-spacing-tablet;
      width: $flickity-basic-slide-width-tablet;
    }

    @include breakpoint($medium) { 
      padding-left: $flickity-basic-cell-spacing-desktop;
      padding-left: $flickity-basic-cell-spacing-desktop;
      width: $flickity-basic-slide-width-desktop; height: rem-calc(312);
    }

    
    &:last-child {
      @include breakpoint($large) {
        // @include tooltip-last-slide;
      }
    }
  }

  .carousel-cell__content {
    background-color: $white; 
    border: solid 1px $grey-light;
    font-size: rem-calc(18);
    padding: rem-calc(16);
    width: 100%; height: 100%;

    position: relative;
  }

  .carousel-cell__title {
    @include breakpoint($small) { margin: rem-calc(0 5); }
    @include breakpoint($large) { margin: rem-calc(0 10); }
  }

{'fraction_non_alphanumeric': 0.19383259911894274, 'fraction_numerical': 0.01867002307530942, 'mean_word_length': 2.6121212121212123, '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': '7390813', 'n_tokens_mistral': 1774, 'n_tokens_neox': 1622, 'n_words': 253}