<commit_before>
/**
  Mixin for to sett header banner images in three sizes with 1x and 2x variants.
  Assumes images are in ../img/banner ; variants should be named
  with base filename plus  -[SML]@[12]x.png
*/
@mixin banner-image($filename) {
  $base_path: "../img/banner/" + $filename + "-";

  // small viewport 1x and 2x
  background-image: url($base_path + "S@1x.png");
  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
    background-image: url($base_path + "S@2x.png");
  }

  // medium 1x and 2x
  @include grid-media($large-medium-viewport-grid) {
    background-image: url($base_path + "M@1x.png");
    @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url($base_path + "M@2x.png");
    }
  }

  // large 1x and 2x
  @include grid-media($xlarge-viewport-grid) {
    background-image: url($base_path + "L@1x.png");
    @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url($base_path + "L@2x.png");
    }
  }
}


.page-header {
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;

  @include transition(margin-top 0.5s ease);

  &.header-banner {
    height: 300px;
    @include grid-media($large-medium-viewport-grid) {
      height: 320px;
    }
    @include grid-media($xlarge-viewport-grid) {
      height: 600px;
    }
  }



  /* TODO: mixin for banner images? with 1x/2x behavior if possible */

  #citations-list & {
    @include banner-image("derrida-banner-reference");
  }

  #books-list & {
    @include banner-image("derrida-banner-library");
  }

   #interventions-list & {
    @include banner-image("derrida-banner-intervention");
  }
}
<commit_msg>Remove TODO for banner image mixin (TODONE)<commit_after>
/**
  Mixin for to sett header banner images in three sizes with 1x and 2x variants.
  Assumes images are in ../img/banner ; variants should be named
  with base filename plus  -[SML]@[12]x.png
*/
@mixin banner-image($filename) {
  $base_path: "../img/banner/" + $filename + "-";

  // small viewport 1x and 2x
  background-image: url($base_path + "S@1x.png");
  @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
    background-image: url($base_path + "S@2x.png");
  }

  // medium 1x and 2x
  @include grid-media($large-medium-viewport-grid) {
    background-image: url($base_path + "M@1x.png");
    @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url($base_path + "M@2x.png");
    }
  }

  // large 1x and 2x
  @include grid-media($xlarge-viewport-grid) {
    background-image: url($base_path + "L@1x.png");
    @media (-webkit-min-device-pixel-ratio: 2),
         (min-resolution: 192dpi) {
      background-image: url($base_path + "L@2x.png");
    }
  }
}


.page-header {
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;

  @include transition(margin-top 0.5s ease);

  &.header-banner {
    height: 300px;
    @include grid-media($large-medium-viewport-grid) {
      height: 320px;
    }
    @include grid-media($xlarge-viewport-grid) {
      height: 600px;
    }
  }

  #citations-list & {
    @include banner-image("derrida-banner-reference");
  }

  #books-list & {
    @include banner-image("derrida-banner-library");
  }

   #interventions-list & {
    @include banner-image("derrida-banner-intervention");
  }
}

{'fraction_non_alphanumeric': 0.16111430212521538, 'fraction_numerical': 0.02469844916714532, 'mean_word_length': 2.9714937286202963, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 12, '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': '3731405', 'n_tokens_mistral': 1355, 'n_tokens_neox': 1220, 'n_words': 252}