<commit_before>/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    _debug.scss

    Debugging styles to evaluate layout and provide suggestions
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@warn "MODULAR SCALE DEBUG: Your ratio is " + $base-ratio + " and your generate scale is " + $generated-scale;

body * {
    outline: 1px solid $debug-color-1 !important;
    * {
        outline: 1px solid $debug-color-2 !important;
        * {
            outline: 1px solid $debug-color-3 !important;
            * {
                outline: 1px solid $debug-color-4 !important;
                * {
                    outline: 1px solid $debug-color-5 !important;
                    * {
                        outline: 1px solid $debug-color-6 !important;
                    }
                }
            }
        }
    }
}<commit_msg>Show media query names when debug is enabled. Fix #74. Close #75.<commit_after>/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    _debug.scss

    Debugging styles to evaluate layout and provide suggestions
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@warn "MODULAR SCALE DEBUG: Your ratio is " + $base-ratio + " and your generate scale is " + $generated-scale;

body * {
    outline: 1px solid $debug-color-1 !important;
    * {
        outline: 1px solid $debug-color-2 !important;
        * {
            outline: 1px solid $debug-color-3 !important;
            * {
                outline: 1px solid $debug-color-4 !important;
                * {
                    outline: 1px solid $debug-color-5 !important;
                    * {
                        outline: 1px solid $debug-color-6 !important;
                    }
                }
            }
        }
    }
}

body:after {
    background: $white;
    border-radius: 0 $spacing-unit 0 0;
    box-shadow: 0 0 20px -5px rgba(153,153,153,0.9);
    content: 'xsmall';
    display: block;
    font-weight: bold;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: ($spacing-unit / 2) $spacing-unit;

    @include mq($small) {
        color: $debug-color-1;
        content: 'small';
    }

    @include mq($medium) {
        color: $debug-color-2;
        content: 'medium';
    }

    @include mq($large) {
        color: $debug-color-3;
        content: 'large';
    }

    @include mq($xlarge) {
        color: $debug-color-4;
        content: 'xlarge';
    }

    @include mq($xxlarge) {
        color: $debug-color-5;
        content: 'xxlarge';
    }
}
{'fraction_non_alphanumeric': 0.16577335375191424, 'fraction_numerical': 0.02105666156202144, 'mean_word_length': 1.1648715824357911, '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': 24, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '940298', 'n_tokens_mistral': 899, 'n_tokens_neox': 853, 'n_words': 181}