<commit_before>//--------------------------------------------------
// variables
//--------------------------------------------------
$icon-search-width: rem-calc(21);

//--------------------------------------------------
// shared mixins
//--------------------------------------------------
@mixin icon-basic() {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  
  display: block;
}

@mixin icon-image($filename, $width, $height) {
  background-image: image_url("icons/#{$filename}");
  width: $width; height: $height;
}

@mixin icon-button-reset() {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

@mixin icon-circle-chevron($mobile: rem-calc(34), $tablet: rem-calc(34), $desktop: rem-calc(34)) {
  @include icon-basic;
  @include responsive(width, $mobile, $tablet, $desktop);
  @include responsive(height, $mobile, $tablet, $desktop);
}

@mixin icon-circle-chevron-large() {
  @include icon-circle-chevron(rem-calc(50), rem-calc(72), rem-calc(72));
}

@mixin icon-earth($size: rem-calc(60)) {
  @include icon-basic;
  @include icon-image('earth.svg', $size, $size); 
}

//--------------------------------------------------
// mixins for specific classes
//--------------------------------------------------
@mixin icon-aichi() {
  @include responsive(width, rem-calc(85), rem-calc(85), rem-calc(110));
  @include responsive(height, rem-calc(85), rem-calc(85), rem-calc(110));
  margin-bottom: rem-calc(20);

  display: block;
}

@mixin icon-area() { 
  @include icon-basic;
  @include icon-image('area.svg', rem-calc(52), rem-calc(52)); 
}

@mixin icon-arrow-external() {
  @include icon-basic;
  @include icon-image('arrow-external.svg', rem-calc(17), rem-calc(12));
}

@mixin icon-arrow-external-white() {
  @include icon-basic;
  @include icon-image('arrow-external-white.svg', rem-calc(17), rem-calc(12));
}

@mixin icon-burger() {
  @include icon-basic;
  @include icon-image('burger.svg', rem-calc(24), rem-calc(15));
}

@mixin icon-close() {
  @include icon-basic;
  @include icon-image('close.svg', rem-calc(29), rem-calc(29));
}

@mixin icon-cross() {
  @include icon-basic;
  @include icon-image('cross.svg', rem-calc(20), rem-calc(20));
}

@mixin icon-cross-small() {
  @include icon-basic;
  @include icon-image('cross.svg', rem-calc(11), rem-calc(11));
}

@mixin icon-cross-white() {
  @include icon-basic;
  @include icon-image('cross-white.svg', rem-calc(20), rem-calc(20));
}

@mixin icon-chevron-black-down() {
  @include icon-basic;
  @include icon-image('chevron-black-down.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-black-up() {
  @include icon-basic;
  @include icon-image('chevron-black-up.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-white-down() {
  @include icon-basic;
  @include icon-image('chevron-white-down.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-white-up() {
  @include icon-basic;
  @include icon-image('chevron-white-up.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-circle-chevron-black() {
  @include icon-basic;
  @include icon-image('circle-chevron-black.svg', rem-calc(34), rem-calc(34));
}

@mixin icon-circle-chevron-green-large-left() {
  @include icon-circle-chevron-large;
  background-image: image_url('icons/circle-chevron-green-left.svg');
}

@mixin icon-circle-chevron-green-large-right() {
  @include icon-circle-chevron-large;
  background-image: image_url('icons/circle-chevron-green-right.svg');
}

@mixin icon-circle-chevron-green-left() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-green-left.svg');
}

@mixin icon-circle-chevron-green-right() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-green-right.svg');
}

@mixin icon-circle-chevron-grey-left() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-grey-left.svg');
}

@mixin icon-circle-chevron-grey-right() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-grey-right.svg');
}

@mixin icon-circle-chevron-white() {
  @include icon-basic;
  @include icon-image('circle-chevron-white.svg', rem-calc(34), rem-calc(34));
}

@mixin icon-country() { 
  @include icon-basic;
  @include icon-image('country.svg', rem-calc(65), rem-calc(50)); 
}

@mixin icon-download() {
  @include icon-basic;
  @include icon-image('download.svg', rem-calc(20), rem-calc(19));
}

@mixin icon-download-black() {
  @include icon-basic;
  @include icon-image('download-black.svg', rem-calc(20), rem-calc(19));
}

@mixin icon-filters() {
  @include icon-basic;<commit_msg>Make icon more apart with link button<commit_after>//--------------------------------------------------
// variables
//--------------------------------------------------
$icon-search-width: rem-calc(21);

//--------------------------------------------------
// shared mixins
//--------------------------------------------------
@mixin icon-basic() {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  display: block;
}

@mixin icon-image($filename, $width, $height) {
  background-image: image_url("icons/#{$filename}");
  width: $width; height: $height;
}

@mixin icon-button-reset() {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

@mixin icon-circle-chevron($mobile: rem-calc(34), $tablet: rem-calc(34), $desktop: rem-calc(34)) {
  @include icon-basic;
  @include responsive(width, $mobile, $tablet, $desktop);
  @include responsive(height, $mobile, $tablet, $desktop);
}

@mixin icon-circle-chevron-large() {
  @include icon-circle-chevron(rem-calc(50), rem-calc(72), rem-calc(72));
}

@mixin icon-earth($size: rem-calc(60)) {
  @include icon-basic;
  @include icon-image('earth.svg', $size, $size);
}

//--------------------------------------------------
// mixins for specific classes
//--------------------------------------------------
@mixin icon-aichi() {
  @include responsive(width, rem-calc(85), rem-calc(85), rem-calc(110));
  @include responsive(height, rem-calc(85), rem-calc(85), rem-calc(110));
  margin-bottom: rem-calc(20);

  display: block;
}

@mixin icon-area() {
  @include icon-basic;
  @include icon-image('area.svg', rem-calc(52), rem-calc(52));
}

@mixin icon-arrow-external() {
  @include icon-basic;
  @include icon-image('arrow-external.svg', rem-calc(25), rem-calc(12));
}

@mixin icon-arrow-external-white() {
  @include icon-basic;
  @include icon-image('arrow-external-white.svg', rem-calc(17), rem-calc(12));
}

@mixin icon-burger() {
  @include icon-basic;
  @include icon-image('burger.svg', rem-calc(24), rem-calc(15));
}

@mixin icon-close() {
  @include icon-basic;
  @include icon-image('close.svg', rem-calc(29), rem-calc(29));
}

@mixin icon-cross() {
  @include icon-basic;
  @include icon-image('cross.svg', rem-calc(20), rem-calc(20));
}

@mixin icon-cross-small() {
  @include icon-basic;
  @include icon-image('cross.svg', rem-calc(11), rem-calc(11));
}

@mixin icon-cross-white() {
  @include icon-basic;
  @include icon-image('cross-white.svg', rem-calc(20), rem-calc(20));
}

@mixin icon-chevron-black-down() {
  @include icon-basic;
  @include icon-image('chevron-black-down.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-black-up() {
  @include icon-basic;
  @include icon-image('chevron-black-up.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-white-down() {
  @include icon-basic;
  @include icon-image('chevron-white-down.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-chevron-white-up() {
  @include icon-basic;
  @include icon-image('chevron-white-up.svg', rem-calc(14), rem-calc(8));
}

@mixin icon-circle-chevron-black() {
  @include icon-basic;
  @include icon-image('circle-chevron-black.svg', rem-calc(34), rem-calc(34));
}

@mixin icon-circle-chevron-green-large-left() {
  @include icon-circle-chevron-large;
  background-image: image_url('icons/circle-chevron-green-left.svg');
}

@mixin icon-circle-chevron-green-large-right() {
  @include icon-circle-chevron-large;
  background-image: image_url('icons/circle-chevron-green-right.svg');
}

@mixin icon-circle-chevron-green-left() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-green-left.svg');
}

@mixin icon-circle-chevron-green-right() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-green-right.svg');
}

@mixin icon-circle-chevron-grey-left() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-grey-left.svg');
}

@mixin icon-circle-chevron-grey-right() {
  @include icon-circle-chevron;
  background-image: image_url('icons/circle-chevron-grey-right.svg');
}

@mixin icon-circle-chevron-white() {
  @include icon-basic;
  @include icon-image('circle-chevron-white.svg', rem-calc(34), rem-calc(34));
}

@mixin icon-country() {
  @include icon-basic;
  @include icon-image('country.svg', rem-calc(65), rem-calc(50));
}

@mixin icon-download() {
  @include icon-basic;
  @include icon-image('download.svg', rem-calc(20), rem-calc(19));
}

@mixin icon-download-black() {
  @include icon-basic;
  @include icon-image('download-black.svg', rem-calc(20), rem-calc(19));
}

@mixin icon-filters() {
  @include icon-basic;
{'fraction_non_alphanumeric': 0.2494345718901454, 'fraction_numerical': 0.02089391491653204, 'mean_word_length': 3.2871652816251156, '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': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5318605', 'n_tokens_mistral': 3451, 'n_tokens_neox': 3256, 'n_words': 537}