<commit_before>/********* Events Header ********/

.events-header {
    background-color: darkblue;
    padding: 10px;
    .events-header-text {
        color: whitesmoke;
        margin: 0;
    }
}


/********* Events ********/

.events {
    .events-item {
        border-left: 8px solid orange;
        padding: 10px 10px 5px 10px;
        p {
            margin: 0;
        }
        .event-date {
            margin: 0 15px 0 5px;
            font-size: 2.5rem;
            span {
                font-size: 1.5rem;
            }
        }
        .event-stack {
            .event-place {
                font-style: italic;
            }
        }
        .event-start {
            align-self: flex-end;
            margin-left: auto;
        }
    }
}


/********* Events Link ********/

.events-all {
    background-color: red;
    padding: 20px;
    .events-link {
        display: block;
        width: 100%;
        height: 100%;
        color: whitesmoke;
        font-size: 2.2rem;
    }
    .events-link:hover {
        text-decoration: none;
    }
}


/********* >= 768px ********/

@media screen and (min-width: 768px) {
    .events-section {
        flex-flow: row wrap;
        .events-header {
            order: 0;
            flex: 2 1 65%;
        }
        .events {
            order: 2;
            flex: 1 1 100%;
            flex-flow: row wrap;
            .events-item {
                flex: 1 1 40%;
            }
        }
        .events-all {
            order: 1;
            flex: 1 2 25%;
            .events-link {
                font-size: 1.5rem;
            }
        }
    }
}


/********* >= 1200px ********/

@media screen and (min-width: 1200px) {
    .events-section {
        .events {
            .events-item {
                flex: 1 1 23%;
                border-left: none;
                border-bottom: 8px solid orange;
                border-right: 1px solid lightgray;
            }
        }
        .events-all {
            .events-link {
                font-size: 2.2rem;
            }
        }
    }<commit_msg>Add border-color classes for events<commit_after>/********* Events Header ********/

.events-header {
    background-color: darkblue;
    padding: 10px;
    .events-header-text {
        color: whitesmoke;
        margin: 0;
    }
}


/********* Events ********/

.event-hs {
    border-left: 8px solid red;
}

.event-ech {
    border-left: 8px solid orange;
}

.event-cat {
    border-left: 8px solid purple;
}

.event-es {
    border-left: 8px solid blue;
}

.events {
    .events-item {
        border-bottom: 1px solid lightgray;
        padding: 10px 10px 5px 10px;
        p {
            margin: 0;
        }
        .event-date {
            margin: 0 15px 0 5px;
            font-size: 2.5rem;
            span {
                font-size: 1.5rem;
            }
        }
        .event-stack {
            .event-place {
                font-style: italic;
            }
        }
        .event-start {
            align-self: flex-end;
            margin-left: auto;
        }
    }
}


/********* Events Link ********/

.events-all {
    background-color: red;
    padding: 20px;
    .events-link {
        display: block;
        width: 100%;
        height: 100%;
        color: whitesmoke;
        font-size: 2.2rem;
    }
    .events-link:hover {
        text-decoration: none;
    }
}


/********* >= 768px ********/

@media screen and (min-width: 768px) {
    .events-section {
        flex-flow: row wrap;
        .events-header {
            order: 0;
            flex: 2 1 65%;
        }
        .events {
            order: 2;
            flex: 1 1 100%;
            flex-flow: row wrap;
            .events-item {
                flex: 1 1 40%;
            }
        }
        .events-all {
            order: 1;
            flex: 1 2 25%;
            .events-link {
                font-size: 1.5rem;
            }
        }
    }
}


/********* >= 1200px ********/

@media screen and (min-width: 1200px) {
    .events-section {
        .events {
            .events-item {
                flex: 1 1 23%;
            }
        }
        .events-all {
            .events-link {
                font-size: 2.2rem;
            }
        }
    }
{'fraction_non_alphanumeric': 0.14982332155477032, 'fraction_numerical': 0.03580683156654888, 'mean_word_length': 1.0823933300637567, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '7279953', 'n_tokens_mistral': 1476, 'n_tokens_neox': 1307, 'n_words': 290}