<commit_before>.open-ended-problems,
.combined-notifications
{
    padding: 40px;
    .problem-list
    {
        table-layout: auto;
        margin-top: 10px;
        width:70%;
        td, th
        {
            padding: 7px;
        }
    }
    .notification-container
    {
        margin: 30px 0px;
    }

    .notification
    {
        margin: 10px;
        width: 30%;
        @include inline-block;
        vertical-align: top;
        .notification-link
        {
            display:block;
            height: 9em;
            padding: 10px;
            border: 1px solid black;
            text-align: center;
            p
            {
                font-size: .9em;
                text-align: center;
            }
        }
        .notification-title 
        {
            text-transform: uppercase;
            background: #1d9dd9;
            color: white;
            padding: 5px 0px;
            font-size: 1.1em;
        }
        .notification-link:hover
        {
            background-color: #eee;
        }
        .notification-description
        {
            padding-top:5%;
        }
        .alert-message 
        {
            img
            {
                vertical-align: baseline;
            }
        }
        @include clearfix;
    }
<commit_msg>Use the variable and not the hex value.<commit_after>.open-ended-problems,
.combined-notifications
{
    padding: 40px;
    .problem-list
    {
        table-layout: auto;
        margin-top: 10px;
        width:70%;
        td, th
        {
            padding: 7px;
        }
    }
    .notification-container
    {
        margin: 30px 0px;
    }

    .notification
    {
        margin: 10px;
        width: 30%;
        @include inline-block;
        vertical-align: top;
        .notification-link
        {
            display:block;
            height: 9em;
            padding: 10px;
            border: 1px solid black;
            text-align: center;
            p
            {
                font-size: .9em;
                text-align: center;
            }
        }
        .notification-title 
        {
            text-transform: uppercase;
            background: $blue;
            color: white;
            padding: 5px 0px;
            font-size: 1.1em;
        }
        .notification-link:hover
        {
            background-color: #eee;
        }
        .notification-description
        {
            padding-top:5%;
        }
        .alert-message 
        {
            img
            {
                vertical-align: baseline;
            }
        }
        @include clearfix;
    }

{'fraction_non_alphanumeric': 0.09198473282442748, 'fraction_numerical': 0.019465648854961833, 'mean_word_length': 0.9751318764129616, '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': '5993129', 'n_tokens_mistral': 778, 'n_tokens_neox': 721, 'n_words': 141}