<commit_before>@function strip-unit($num) {
    @return $num / ($num * 0 + 1);
}

@function px-to-rem($value) {
    @return  $value/10;
}

/* Takes sizes in pixels and outputs both the pixel and rem values for the given property */
@mixin size($property, $values...) {
    $max: length($values);
    $pxValues: '';
    $remValues: '';

    @for $i from 1 through $max {
        $value: strip-unit(nth($values, $i));
        $pxValues: #{$pxValues + $value}px;
        $remValues: #{$remValues + px-to-rem($value)}rem;

        @if $i < $max {
            $pxValues: #{$pxValues + " "};
            $remValues: #{$remValues + " "};
        }
    }

    @if ($pxValues == $remValues) {
        #{$property}: $pxValues;
    } @else {
        #{$property}: $pxValues;
        #{$property}: $remValues;
    }
}

/* Creates a mediaquery based on property and size in pixels */
@mixin mq($property, $size) {
    $value: strip-unit($size);

    @media only screen and (#{$property}: #{px-to-rem($value)}rem) {
        @content;
    }
}

@mixin vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@mixin combinedSvgPngBackground($file, $embedSvg: false) {
    background-image: url(#{$file}.png);

    // SVG support correlates to multiple background support so browser that do not support SVG will
    // ignore these rule because of the multiple background notation
    @if $embedSvg == true {
        background-image: url(#{$file}.svg?embed), none;
    } @else {
        background-image: url(#{$file}.svg), none;
    }
}<commit_msg>[default] media query in rems pakt de 16px ipv de body rems<commit_after>@function strip-unit($num) {
    @return $num / ($num * 0 + 1);
}

@function px-to-rem($value) {
    @return  $value/10;
}

/* Takes sizes in pixels and outputs both the pixel and rem values for the given property */
@mixin size($property, $values...) {
    $max: length($values);
    $pxValues: '';
    $remValues: '';

    @for $i from 1 through $max {
        $value: strip-unit(nth($values, $i));
        $pxValues: #{$pxValues + $value}px;
        $remValues: #{$remValues + px-to-rem($value)}rem;

        @if $i < $max {
            $pxValues: #{$pxValues + " "};
            $remValues: #{$remValues + " "};
        }
    }

    @if ($pxValues == $remValues) {
        #{$property}: $pxValues;
    } @else {
        #{$property}: $pxValues;
        #{$property}: $remValues;
    }
}

/* Creates a mediaquery based on property and size in pixels */
@mixin mq($property, $size) {
    $value: strip-unit($size);

    @media only screen and (#{$property}: #{$value/16}rem) {
        @content;
    }
}

@mixin vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@mixin combinedSvgPngBackground($file, $embedSvg: false) {
    background-image: url(#{$file}.png);

    // SVG support correlates to multiple background support so browser that do not support SVG will
    // ignore these rule because of the multiple background notation
    @if $embedSvg == true {
        background-image: url(#{$file}.svg?embed), none;
    } @else {
        background-image: url(#{$file}.svg), none;
    }
}
{'fraction_non_alphanumeric': 0.16866330390920556, 'fraction_numerical': 0.0069356872635561164, 'mean_word_length': 2.6938300349243307, 'pattern_counts': {'":': 0, '<': 5, '<?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': '4789498', 'n_tokens_mistral': 1059, 'n_tokens_neox': 1017, 'n_words': 283}