<commit_before>//utilities

@function phase-colour($phase) {
    @if $phase == "alpha" { @return $alpha-colour; }
    @if $phase == "beta" { @return $beta-colour; }
}

@mixin clearfix {
    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

//CSS for hiding elements visually but not for screen readers
@mixin sr-only {
    position: absolute;
    top:0;
    left:-9999px;
}

//summery detail (playback info after user-input)
//provides smaller width, more flexible container with a single/full column row
@mixin summary-detail-list-flex {
    @media screen and (min-width:$device-medium) {
        max-width:500px;
    }
    @media screen and (min-width:$device-large) {
        max-width:55%;
    }
}

@mixin to-uppercase {
    text-transform:uppercase;
}

//img wrapper to show-hide mobile/desktop images
@mixin img-multi-wrap($max-width){
    img {
        width:100%;
        max-width:$max-width;
    }
    &.img-wrap-mobile {
        display:none;
    }
    @media screen and (max-width:$device-medium) {
        &.img-wrap-mobile {
            display:block;
            img {
                display:block;
                margin:0 auto 2.2em auto;
                text-align:center;
            }
        }
        &.img-wrap-desktop {
            display:none;
        }
    }
}<commit_msg>update img-wrap mixin breakpoint/alignment<commit_after>//utilities

@function phase-colour($phase) {
    @if $phase == "alpha" { @return $alpha-colour; }
    @if $phase == "beta" { @return $beta-colour; }
}

@mixin clearfix {
    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

//CSS for hiding elements visually but not for screen readers
@mixin sr-only {
    position: absolute;
    top:0;
    left:-9999px;
}

//summery detail (playback info after user-input)
//provides smaller width, more flexible container with a single/full column row
@mixin summary-detail-list-flex {
    @media screen and (min-width:$device-medium) {
        max-width:500px;
    }
    @media screen and (min-width:$device-large) {
        max-width:55%;
    }
}

@mixin to-uppercase {
    text-transform:uppercase;
}

//img wrapper to show-hide mobile/desktop images
@mixin img-multi-wrap($max-width){
    img {
        width:100%;
        max-width:$max-width;
    }
    &.img-wrap-mobile {
        display:none;
    }
    @media screen and (max-width:$device-medium) {
        &.img-wrap-mobile {
            display:block;
            img {
                display:block;
                margin:0 0 2.2em 0;
                text-align:center;
            }
        }
        &.img-wrap-desktop {
            display:none;
        }
    }
    @media screen and (max-width:$device-small) {
        &.img-wrap-mobile img {
          margin-left:auto;
          margin-right:auto;
        }
    }
}
{'fraction_non_alphanumeric': 0.13399588759424264, 'fraction_numerical': 0.011651816312542838, 'mean_word_length': 1.9102691924227317, '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': '4764563', 'n_tokens_mistral': 989, 'n_tokens_neox': 935, 'n_words': 209}