<commit_before>---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";



// Our variables
$base-font-family: 'Source Serif Pro', serif;
$base-font-size:   20px;
$title-font-size: {{site.title-font-size}};

$base-font-weight: 400;
$small-font-size:  $base-font-size * 0.875;
$base-line-height: 1.6;

$spacing-unit:     30px;

$text-color:       #555;
$background-color: #fdfdfd;
$brand-color:      #98C1D9;
$comp-color:       #A7D3A6;
$grey-color:       #666;
$grey-color-light: lighten($grey-color, 40%);
$grey-color-dark:  darken($grey-color, 25%);

// Width of the content area
$content-width:    1280px;

$on-palm:          600px;
$on-laptop:        800px;



// Use media queries 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
        "fonts",
        "syntax-highlighting"
;

p,pre,figure {
    margin: 0 0 1rem 0
}

pre {
    font-family: "Operator Mono SSm A", "Operator Mono SSm B", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
    clear: both;
    color: white;
    //background: rgba(0,0,0,0.85);
    padding: 0;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    line-height: 28px;
    min-width: 100%
}

pre[rel] {
    padding-top: 21px
}

pre[rel]::before {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 0.75rem;
    content: attr(rel);
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    //background: #999;
    padding: 1px 0;
    text-indent: 15px
}

@supports ((-webkit-writing-mode: vertical-lr) or (writing-mode: vertical-lr)) {
    pre[rel] {
        padding-top:0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    pre[rel]::before {
        width: 30px;
        line-height: 2;
        position: relative;
        top: auto;
        left: auto;
        padding: 0 1rem 1rem 0
    }

    pre code {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

pre[rel="CSS"]::before {
    background: #FF9800
}

pre[rel="HTML"]::before {
    background: #4CAF50
}

pre[rel="jQuery"]::before,pre[rel="JavaScript"]::before,pre[rel="JSX"]::before {
    background: #9C27B0
}

pre[rel="JavaScript"]::before {
    content: "JS"
}

pre code {
    font-family: "Operator Mono SSm A", "Operator Mono SSm B", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
    font-size: 16px;
    line-height: 1.75;
    background: none;
    padding: 1.5rem;
    white-space: pre;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: scroll
}

pre code::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

// pre code::-webkit-scrollbar-thumb {
//     background: #666
// }

// pre code::-webkit-scrollbar-track {
//     background: none
// }

body pre code {
    scrollbar-face-color:#666;scrollbar-track-color:none}

@media (max-width: 625px) {
    pre {
        max-height:100vh
    }

    pre code {
        max-height: 100vh
    }
}

.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    line-height: inherit;
    padding: inherit 0;
    margin-top: 1.5rem;
    // background: -webkit-linear-gradient(left, rgba(255,235,59,0.25) 50%, rgba(255,235,59,0));
    // background: linear-gradient(to right, rgba(255,235,59,0.25) 50%, rgba(255,235,59,0));
    pointer-events: none;
    white-space: pre
}

p>code,li>code,dd>code,td>code {
    background: #eee;
    padding: 0 5px 2px;
    border-radius: 4px;
    position: relative;<commit_msg>update code format<commit_after>---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";



// Our variables
$base-font-family: 'Source Serif Pro', serif;
$base-font-size:   20px;
$title-font-size: {{site.title-font-size}};

$base-font-weight: 400;
$small-font-size:  $base-font-size * 0.875;
$base-line-height: 1.6;

$spacing-unit:     30px;

$text-color:       #555;
$background-color: #fdfdfd;
$brand-color:      #98C1D9;
$comp-color:       #A7D3A6;
$grey-color:       #666;
$grey-color-light: lighten($grey-color, 40%);
$grey-color-dark:  darken($grey-color, 25%);

// Width of the content area
$content-width:    1280px;

$on-palm:          600px;
$on-laptop:        800px;



// Use media queries 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
        "fonts",
        "syntax-highlighting"
;

p,pre,figure {
    margin: 0 0 1rem 0
}

pre {
    font-family: "Operator Mono SSm A", "Operator Mono SSm B", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
    clear: both;
    color: white;
    background: rgba(0,0,0,0.85);
    padding: 0;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    line-height: 28px;
    min-width: 100%
}

[class|=language].highlighter-rouge pre {
    padding-top: 21px
}

[class|=language].highlighter-rouge pre::before {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: 0.75rem;
    content: attr(rel);
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #999;
    padding: 1px 0;
    text-indent: 15px
}

@supports ((-webkit-writing-mode: vertical-lr) or (writing-mode: vertical-lr)) {
    [class|=language].highlighter-rouge pre {
        padding-top:0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    [class|=language].highlighter-rouge pre::before {
        width: 30px;
        line-height: 2;
        position: relative;
        top: auto;
        left: auto;
        padding: 0 1rem 1rem 0
    }

    pre code {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.language-css pre::before {
    background: #FF9800
}

.language-html pre::before {
    background: #4CAF50
}

.language-jQuery pre::before,.language-js pre::before,.language-JavaScript pre::before,.language-JSX pre::before,.language-jsx pre::before {
    background: #9C27B0
}

.language-js pre::before,.language-JavaScript pre::before {
    content: "JS"
}

pre code {
    font-family: "Operator Mono SSm A", "Operator Mono SSm B", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
    font-size: 16px;
    line-height: 1.75;
    background: none;
    padding: 1.5rem;
    white-space: pre;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: scroll
}

pre code::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

pre code::-webkit-scrollbar-thumb {
    background: #666
}

pre code::-webkit-scrollbar-track {
    background: none
}

body pre code {
    scrollbar-face-color:#666;scrollbar-track-color:none}

@media (max-width: 625px) {
    pre {
        max-height:100vh
    }

    pre code {
        max-height: 100vh
    }
}

.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    line-height: inherit;
    padding: inherit 0;
    margin-top: 1.5rem;
    background: -webkit-linear-gradient(left, rgba(255,235,59,0.25) 50%, rgba(255,235,59,0));
    background: linear-gradient(to right, rgba(255,235,59,0.25) 50%, rgba(255,235,59,0));
    pointer-events: none;
    white-space: pre
}

p>code,li>code,dd>code,td>code {
    background: #eee;
    padding: 0 5px 2px;
    border-radius: 4px;
    position: relative;
{'fraction_non_alphanumeric': 0.15973477998794455, 'fraction_numerical': 0.043158529234478604, 'mean_word_length': 2.50042194092827, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '488624', 'n_tokens_mistral': 3417, 'n_tokens_neox': 3059, 'n_words': 688}