<commit_before>---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";
$base-font-family:            Arial, sans-serif;
$base-font-size:              12.5pt;
$small-font-size:             $base-font-size * 0.875;
$base-line-height:            1.75em;

$spacing-unit:                1.75em;

$text-color:                  #454545;
$background-color:            #fdfdfd;
$brand-color:                 #5da213;
$brand-color-light:           #abd373;
$brand-color-compliment:      #d75630;

$grey-color:                  #828282;
$grey-color-light:            lighten($grey-color, 40%);
$grey-color-dark:             darken($grey-color, 25%);

// Width of the content area
$content-width:               1600px;
$on-palm:                     600px;
$on-laptop:                   800px;

$footer-background-color:     #111;

// Using media queries with like this:
// @include media-query($on-palm) {
//     .wrapper {
//         padding-right: $spacing-unit / 2;
//         padding-left: $spacing-unit / 2;
//     }
// }
@mixin media-query($device) {
    @media screen and (max-width: $device) {
        @content;
    }
}

// Import partials from `sass_dir` (defaults to `_sass`)
@import
        "base",
        "layout",
        "syntax-highlighting"
;
<commit_msg>Formatting changes as new variable was introduced to main.scss.<commit_after>---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";
$base-font-family:                  Arial, sans-serif;
$base-font-size:                    12.5pt;
$small-font-size:                   $base-font-size * 0.875;
$base-line-height:                  1.75em;

$spacing-unit:                      1.75em;

$text-color:                        #454545;
$background-color:                  #fdfdfd;
$brand-color:                       #5da213;
$brand-color-light:                 #abd373;
$brand-color-compliment:            #b33915;
$brand-color-compliment-light:      #d75630;

$grey-color:                        #828282;
$grey-color-light:                  lighten($grey-color, 40%);
$grey-color-dark:                   darken($grey-color, 25%);

// Width of the content area
$content-width:                     1600px;
$on-palm:                           600px;
$on-laptop:                         800px;

$footer-background-color:           #111;

// Using media queries with like this:
// @include media-query($on-palm) {
//     .wrapper {
//         padding-right: $spacing-unit / 2;
//         padding-left: $spacing-unit / 2;
//     }
// }
@mixin media-query($device) {
    @media screen and (max-width: $device) {
        @content;
    }
}

// Import partials from `sass_dir` (defaults to `_sass`)
@import
        "base",
        "layout",
        "syntax-highlighting"
;

{'fraction_non_alphanumeric': 0.14561717352415027, 'fraction_numerical': 0.04257602862254025, 'mean_word_length': 1.6057781919850886, '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': '6559616', 'n_tokens_mistral': 1013, 'n_tokens_neox': 888, 'n_words': 194}