<commit_before>// Leader Trailer Classes


%leader-half  { margin-top:    0.5 * $baseline; }
%trailer-half { margin-bottom: 0.5 * $baseline; }
%padding-leader-half  { padding-top:    0.5 * $baseline; }
%padding-trailer-half { padding-bottom: 0.5 * $baseline; }

@for $i from 0 through $vertical-range {
  %leader-#{$i}          { margin-top:     $i * $baseline; }
  %trailer-#{$i}         { margin-bottom:  $i * $baseline; }
  %padding-leader-#{$i}  { padding-top:    $i * $baseline; }
  %padding-trailer-#{$i} { padding-bottom: $i * $baseline; }
}

@mixin responsive-leader-trailer() {
  @if $fold-grid == true {
    // Medium
    @media screen and (max-width: $medium - 1) {
      @for $i from 0 through $vertical-range {
        .#{$medium-class}-leader-#{$i}          { margin-top:     $i * $baseline; }
        .#{$medium-class}-trailer-#{$i}         { margin-bottom:  $i * $baseline; }
        .#{$medium-class}-padding-leader-#{$i}  { padding-top:    $i * $baseline; }
        .#{$medium-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; }
      }
    }

    // Small
    @media screen and (max-width: $small - 1) {
      @for $i from 0 through $vertical-range {
        .#{$small-class}-leader-#{$i}          { margin-top:     $i * $baseline; }
        .#{$small-class}-trailer-#{$i}         { margin-bottom:  $i * $baseline; }
        .#{$small-class}-padding-leader-#{$i}  { padding-top:    $i * $baseline; }
        .#{$small-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; }
      }
    }
  }
}

@mixin leader-trailer() {

  .leader-half  { @extend %leader-half; }
  .trailer-half { @extend %trailer-half; }
  .padding-leader-half  { @extend %padding-leader-half; }
  .padding-trailer-half { @extend %padding-trailer-half; }

  @for $i from 0 through $vertical-range {
    .leader-#{$i}          { @extend %leader-#{$i}          ;}
    .trailer-#{$i}         { @extend %trailer-#{$i}         ;}
    .padding-leader-#{$i}  { @extend %padding-leader-#{$i}  ;}
    .padding-trailer-#{$i} { @extend %padding-trailer-#{$i} ;}
  }

  @include responsive-leader-trailer();
}

@if $include-grid == true {
  @include leader-trailer();
}<commit_msg>new pattern for leader trailer<commit_after>// Leader Trailer Classes


@mixin leader-half()  { margin-top:    0.5 * $baseline; }
@mixin trailer-half() { margin-bottom: 0.5 * $baseline; }
@mixin padding-leader-half()  { padding-top:    0.5 * $baseline; }
@mixin padding-trailer-half() { padding-bottom: 0.5 * $baseline; }


@mixin leader($n) {
  margin-top:     $n * $baseline;
}
@mixin trailer($n) {
  margin-bottom:  $n * $baseline;
}
@mixin padding-leader($n) {
  padding-top:    $n * $baseline;
}
@mixin padding-trailer($n) {
  padding-bottom: $n * $baseline;
}

@mixin responsive-leader-trailer() {
  @if $fold-grid == true {
    // Medium
    @media screen and (max-width: $medium - 1) {
      @for $i from 0 through $vertical-range {
        .#{$medium-class}-leader-#{$i}          { margin-top:     $i * $baseline; }
        .#{$medium-class}-trailer-#{$i}         { margin-bottom:  $i * $baseline; }
        .#{$medium-class}-padding-leader-#{$i}  { padding-top:    $i * $baseline; }
        .#{$medium-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; }
      }
    }

    // Small
    @media screen and (max-width: $small - 1) {
      @for $i from 0 through $vertical-range {
        .#{$small-class}-leader-#{$i}          { margin-top:     $i * $baseline; }
        .#{$small-class}-trailer-#{$i}         { margin-bottom:  $i * $baseline; }
        .#{$small-class}-padding-leader-#{$i}  { padding-top:    $i * $baseline; }
        .#{$small-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; }
      }
    }
  }
}

@mixin leader-trailer() {

  .leader-half  { @include leader-half(); }
  .trailer-half { @include trailer-half(); }
  .padding-leader-half  { @include padding-leader-half(); }
  .padding-trailer-half { @include padding-trailer-half(); }

  @for $i from 0 through $vertical-range {
    .leader-#{$i}          { @include leader($i)          ;}
    .trailer-#{$i}         { @include trailer($i)         ;}
    .padding-leader-#{$i}  { @include padding-leader($i)  ;}
    .padding-trailer-#{$i} { @include padding-trailer($i) ;}
  }

  @include responsive-leader-trailer();
}

@if $include-grid == true {
  @include leader-trailer();
}
{'fraction_non_alphanumeric': 0.206280082512033, 'fraction_numerical': 0.00618840247536099, 'mean_word_length': 2.43892828999212, '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': '4886787', 'n_tokens_mistral': 1717, 'n_tokens_neox': 1527, 'n_words': 294}