<commit_before>.tabpanel {
    display: none;
    overflow-wrap: break-word;
    overflow-x: hidden;

    &.active {
        display: block;
    }
}

.tablist {
    border-bottom: 1px solid $border-color;
    text-align: center;
    margin-bottom: $spacer * 2;
    padding-top: 2em;
}

.tablist--mobile {
    min-width: 100%;
    padding-bottom: $padding;

    @media screen and (min-width: $breakpoint) {
        min-width: auto;
        padding-bottom: 0;
    }
}

.tab {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    padding: 0.4em 0.6em;
    margin-right: 0.5em;
    margin-bottom: -1px;
    text-decoration: none;
    color: inherit;

    border: 1px solid transparent;
    border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-bottom: 0;

    &:hover,
    &:focus {
        color: $link-color;
    }

    &.active {
        border-color: $border-color;
        background-color: $body-bg;
    }
}

.tablist--right {
    text-align: right;
}

.tablist--left {
    text-align: left;
}

// This element is meant to be in combination with tablist--{opposite}
// It should contain elements with class .btn.btn--small

.tablist__right,
.tablist__left {
    font-size: $font-size-sm;
    float: right;

    &.dropdown {
        margin-bottom: 0;
    }
}

.tablist__left {
    float: left;
}
<commit_msg>assets/tabs: additional margin to tabs fixes #3179<commit_after>.tabpanel {
    display: none;
    overflow-wrap: break-word;
    overflow-x: hidden;

    &.active {
        display: block;
    }
}

.tablist {
    border-bottom: 1px solid $border-color;
    text-align: center;
    margin-bottom: $spacer * 2;
    padding-top: 2em;
}

.tablist--mobile {
    min-width: 100%;
    padding-bottom: $padding;

    @media screen and (min-width: $breakpoint) {
        min-width: auto;
        padding-bottom: 0;
    }
}

.tab {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    padding: 0.4em 0.6em;
    margin-right: 0.5em;
    margin-bottom: -1.5px;
    text-decoration: none;
    color: inherit;

    border: 1px solid transparent;
    border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-bottom: 0;

    &:hover,
    &:focus {
        color: $link-color;
    }

    &.active {
        border-color: $border-color;
        background-color: $body-bg;
    }
}

.tablist--right {
    text-align: right;
}

.tablist--left {
    text-align: left;
}

// This element is meant to be in combination with tablist--{opposite}
// It should contain elements with class .btn.btn--small

.tablist__right,
.tablist__left {
    font-size: $font-size-sm;
    float: right;

    &.dropdown {
        margin-bottom: 0;
    }
}

.tablist__left {
    float: left;
}

{'fraction_non_alphanumeric': 0.13887884267631104, 'fraction_numerical': 0.016998191681735986, 'mean_word_length': 2.220023282887078, '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': '6805719', 'n_tokens_mistral': 1028, 'n_tokens_neox': 995, 'n_words': 222}