<commit_before>$messages-margin-bottom: 25px;

.messages {
    margin: 0 0 $messages-margin-bottom;
    padding: 0;

    li {
        display: block;
    }
}

.alert {
    margin: 0;
    padding: $padding * 1.2 0;
    background-color: $bg-secondary;
    text-align: center;

    &.success {
        color: $brand-success;
    }

    &.error,
    &.danger {
        background-color: $brand-danger;
        color: contrast-color($brand-danger);
    }

    &.info {
        background-color: $brand-secondary;
        color: contrast-color($brand-secondary);
    }
}

.alert__close {
    float: right;
    color: inherit;
}

.alert--small {
    padding: 0.5em;
}

.alert--dialog-box {
    // If this directly follows the dialog box (see header.scss), add 16px
    // additional padding to the default value (see above).
    &:first-child {
        padding-top: calc(16px + #{$padding * 1.2});
    }
}

// compensate for margin-bottom on messages
.project-header,
.hero-unit {
    .messages + & {
        margin-top: -$messages-margin-bottom;
    }
}<commit_msg>fix tablist after alert message<commit_after>$messages-margin-bottom: 25px;

.messages {
    margin: 0 0 $messages-margin-bottom;
    padding: 0;

    li {
        display: block;
    }
}

.alert {
    margin: 0;
    padding: $padding * 1.2 0;
    background-color: $bg-secondary;
    text-align: center;

    &.success {
        color: $brand-success;
    }

    &.error,
    &.danger {
        background-color: $brand-danger;
        color: contrast-color($brand-danger);
    }

    &.info {
        background-color: $brand-secondary;
        color: contrast-color($brand-secondary);
    }
}

.alert__close {
    float: right;
    color: inherit;
}

.alert--small {
    padding: 0.5em;
}

.alert--dialog-box {
    // If this directly follows the dialog box (see header.scss), add 16px
    // additional padding to the default value (see above).
    &:first-child {
        padding-top: calc(16px + #{$padding * 1.2});
    }
}

// compensate for margin-bottom on messages
.u-after-dialogue-box,
.project-header,
.hero-unit {
    .messages + & {
        margin-top: -$messages-margin-bottom;
    }
}
{'fraction_non_alphanumeric': 0.14484035168903286, 'fraction_numerical': 0.015733456732993985, 'mean_word_length': 2.1887905604719764, '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': '1780252', 'n_tokens_mistral': 759, 'n_tokens_neox': 714, 'n_words': 165}