<commit_before>// =========================================================================
// Mixins
// =========================================================================

// =========================================================================
// Media Queries - @include breakpoint(1024) {}
// =========================================================================

@mixin breakpoint($point) {

    @if $point == 1500 {
        @media (min-width: 1500px) { @content; }
    }

    @if $point == 1024 {
        @media (min-width: 1024px) { @content; }
    }

    @else if $point == 768 {
        @media (min-width: 768px)  { @content; }
    }

    @else if $point == 767 {
        @media (max-width: 767px)  { @content; }
    }

    @else if $point == 320 {
        @media (min-width: 320px)  { @content; }
    }

}

// =========================================================================
// States - @include state() {}
// =========================================================================

@mixin state() {

    &:hover,
    &:active,
    &:focus {
        @content;
    }

}

// =========================================================================
// Nav Lists - @include list();
// =========================================================================

@mixin list {

    list-style-type: none;
    padding: 0;
    margin: 0;

    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;<commit_msg>Update _mixins.scss<commit_after>// =========================================================================
// Mixins
// =========================================================================

// =========================================================================
// Media Queries - @include breakpoint(1024) {}
// =========================================================================


@mixin breakpoint($point) {
    @media (max-width: $point+px) { @content; }
}

@mixin breakpoint-min($point) {
    @media (min-width: $point+px) { @content; }
}

@mixin breakpoint-height($point) {
    @media (min-height: $point+px) { @content; }
}

// =========================================================================
// States - @include state() {}
// =========================================================================

@mixin state() {

    &:hover,
    &:active,
    &:focus {
        @content;
    }

}

// =========================================================================
// Nav Lists - @include list();
// =========================================================================

@mixin list {

    list-style-type: none;
    padding: 0;
    margin: 0;

    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
{'fraction_non_alphanumeric': 0.537669974274164, 'fraction_numerical': 0.018375597206909223, 'mean_word_length': 3.949090909090909, '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': '4713518', 'n_tokens_mistral': 738, 'n_tokens_neox': 614, 'n_words': 126}