<commit_before>/* -------------------------------------------------------
*   # .BLOG
*
------------------------------------------------------- */

.blog {
    margin: 2*$spacing auto;
    max-width: 666px;
    padding: 0 $spacing/2;
}

.blog__post {
    margin: $spacing 0 2*$spacing 0;
    padding-bottom: 2*$spacing;
    border-bottom: 2px solid #eee;

    &:last-child {
        margin-bottom: 2*$spacing;
    }
}

.blog__archive {
    margin: $spacing 0;
    min-height: 555px;
}

.blog__post__heading {
    margin: 0;

    a {
        color: $dark-grey;
        &:hover {
            text-decoration: underline;
        }
    }
}

.blog__post__meta {
    margin: 0.9em 0;
}

.blog__post__meta-item {
    color: $medium-grey;

    &:not(:last-child):after {
        padding: 0em 0.4em;
        content: '·';
    }
}

.blog__post__meta-item a {
    color: $medium-grey;
    &:hover {
        color: $dark-grey;
    }
    &:not(:last-child) {
    margin-right: 0.5rem;
    }
}

.blog__post__meta .icon, {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.blog__post__meta svg.icon {
    fill: $medium-grey;
}

.blog__post__meta a:hover svg.icon {
    fill: $dark-grey;
}

.blog__post__meta img.icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.blog__post__meta a:hover img.icon {
    -webkit-filter: none;
    filter: none;
}

.blog__post__content > :last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog__post__footer {
    margin-top: 2*$spacing;
}

.blog__post__readmore {
    color: $medium-grey;
    text-align: center;
    &:hover {
        color: $dark-grey;
    }
}

.blog__paginator {
    text-align: center;
    margin: 2*$spacing 0;
}

.blog__paginator__info {
    color: $medium-grey;
}

.blog__paginator__button {
    border: 1px solid $medium-grey;
    border-radius: 3px;
    padding: 0.8em 1em;
}

.blog__paginator__button:hover {
    border-color: $link-blue;
}

.blog__paginator__button--disabled {
    color: $medium-grey;
    cursor: default;
}

.blog__paginator__button--disabled:hover {
    border-color: inherit;
}

.blog h3 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.blog blockquote {
    border-left: 4px solid #ddd;
    padding-left: 1rem;
    font-style: italic;
}

.blog hr {
    border: none;
    border-bottom: 2px solid #ddd;
    margin-top: 2rem;
    margin-bottom: 2rem;
}<commit_msg>Override default max width for the blog pages<commit_after>/* -------------------------------------------------------
*   # .BLOG
*
------------------------------------------------------- */

.blog {
    margin: 2*$spacing auto;
    max-width: 666px;
    padding: 0 $spacing/2;
}

.blog__post {
    margin: $spacing 0 2*$spacing 0;
    padding-bottom: 2*$spacing;
    border-bottom: 2px solid #eee;

    &:last-child {
        margin-bottom: 2*$spacing;
    }
}

.blog__archive {
    margin: $spacing 0;
    min-height: 555px;
}

.blog__post__heading {
    margin: 0;

    a {
        color: $dark-grey;
        &:hover {
            text-decoration: underline;
        }
    }
}

.blog__post__meta {
    margin: 0.9em 0;
}

.blog__post__meta-item {
    color: $medium-grey;

    &:not(:last-child):after {
        padding: 0em 0.4em;
        content: '·';
    }
}

.blog__post__meta-item a {
    color: $medium-grey;
    &:hover {
        color: $dark-grey;
    }
    &:not(:last-child) {
    margin-right: 0.5rem;
    }
}

.blog__post__meta .icon, {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.blog__post__meta svg.icon {
    fill: $medium-grey;
}

.blog__post__meta a:hover svg.icon {
    fill: $dark-grey;
}

.blog__post__meta img.icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.blog__post__meta a:hover img.icon {
    -webkit-filter: none;
    filter: none;
}

.blog__post__content > :last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog__post__footer {
    margin-top: 2*$spacing;
}

.blog__post__readmore {
    color: $medium-grey;
    text-align: center;
    &:hover {
        color: $dark-grey;
    }
}

.blog__paginator {
    text-align: center;
    margin: 2*$spacing 0;
}

.blog__paginator__info {
    color: $medium-grey;
}

.blog__paginator__button {
    border: 1px solid $medium-grey;
    border-radius: 3px;
    padding: 0.8em 1em;
}

.blog__paginator__button:hover {
    border-color: $link-blue;
}

.blog__paginator__button--disabled {
    color: $medium-grey;
    cursor: default;
}

.blog__paginator__button--disabled:hover {
    border-color: inherit;
}

.blog h3 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.blog blockquote {
    border-left: 4px solid #ddd;
    padding-left: 1rem;
    font-style: italic;
}

.blog hr {
    border: none;
    border-bottom: 2px solid #ddd;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.blog p {
    max-width: none;
}
{'fraction_non_alphanumeric': 0.18137847642079807, 'fraction_numerical': 0.02257154373236598, 'mean_word_length': 2.0922118380062305, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4496918', 'n_tokens_mistral': 1994, 'n_tokens_neox': 1840, 'n_words': 361}