<commit_before>/**
 * inuitcss font-size mixin
 */
@mixin font-size($font-size, $line-height:true) {
    font-size: $font-size;
    font-size: ($font-size / $base-font-size)*1rem;
    @if $line-height == true{
        line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
    }
}



/**
 * inuitcss media-query mixin
 */
@mixin media-query($media-query) {
    @if $media-query == palm {
        @media only screen and (max-width:$palm-end) { @content; }
    }

    @if $media-query == lap {
        @media only screen and (min-width:$lap-start) and (max-width:$lap-end) { @content; }
    }

    @if $media-query == lap-and-up {
        @media only screen and (min-width:$lap-start) { @content; }
    }

    @if $media-query == portable {
        @media only screen and (max-width:$lap-end) { @content; }
    }

    @if $media-query == desk {
        @media only screen and (min-width:$desk-start) { @content; }
    }

    @if $media-query == desk-wide {
        @media only screen and (min-width:$desk-wide-start) { @content; }
    }
}



/**
 * Vertical Rhythm/Gaps
 */
@mixin vertical-gap($direction: bottom) {
    margin-#{$direction}: $base-spacing-unit * 4;
    margin-#{$direction}: 6rem;
}



/**
 * https://twitter.com/csswizardry/status/478938530342006784
 */
@mixin attention() {
    &:hover,
    &:focus,
    &:active {
        @content;
    }
}



/**
 * http://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
 */
@mixin aspect-ratio($width, $height) {
    position: relative;

    &:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: ($height / $width) * 100%;
    }<commit_msg>Extending some comments<commit_after>/**
 * inuitcss font-size mixin
 */
@mixin font-size($font-size, $line-height:true) {
    font-size: $font-size;
    font-size: ($font-size / $base-font-size)*1rem;
    @if $line-height == true{
        line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
    }
}



/**
 * inuitcss media-query mixin
 */
@mixin media-query($media-query) {
    @if $media-query == palm {
        @media only screen and (max-width:$palm-end) { @content; }
    }

    @if $media-query == lap {
        @media only screen and (min-width:$lap-start) and (max-width:$lap-end) { @content; }
    }

    @if $media-query == lap-and-up {
        @media only screen and (min-width:$lap-start) { @content; }
    }

    @if $media-query == portable {
        @media only screen and (max-width:$lap-end) { @content; }
    }

    @if $media-query == desk {
        @media only screen and (min-width:$desk-start) { @content; }
    }

    @if $media-query == desk-wide {
        @media only screen and (min-width:$desk-wide-start) { @content; }
    }
}



/**
 * Vertical Rhythm/Gaps
 */
@mixin vertical-gap($direction: bottom) {
    margin-#{$direction}: $base-spacing-unit * 4;
    margin-#{$direction}: 6rem;
}



/**
 * Link Pseudo Classes
 * https://twitter.com/csswizardry/status/478938530342006784
 */
@mixin attention() {
    &:hover,
    &:focus,
    &:active {
        @content;
    }
}



/**
 * Adaptive Embeds
 * http://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
 */
@mixin aspect-ratio($width, $height) {
    position: relative;

    &:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: ($height / $width) * 100%;
    }
{'fraction_non_alphanumeric': 0.18427230046948356, 'fraction_numerical': 0.01584507042253521, 'mean_word_length': 2.450404858299595, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '2311468', 'n_tokens_mistral': 1299, 'n_tokens_neox': 1200, 'n_words': 235}