<commit_before>$tab__border-width                    : 1px !default;
$tab__border-width--large             : 8px !default;
    
// title
$tab__title-padding                   : $spacer--medium !default;
$tab__title-border                    : $tab__border-width solid $gray-lightest !default;
$tab__title-border--large             : $tab__border-width--large solid $gray-lightest !default;
$tab__title-border--large-active      : $tab__border-width--large solid $color-primary !default;
$tab__title-color                     : $gray !default;
$tab__title-color--active             : $gray-darker !default;
$tab__title-font-weight--large        : $font-weight-normal !default;
$tab__title-font-weight--large-active : $font-weight-bold !default;
$tab__title-font-weight               : $font-weight-bold !default;
$tab__title-background                : $bg-color-base !default;
$tab__title-background--active        : $gray-lightest !default;
$tab__title-background--large-active  : $gray-lightest !default;

// content
$tab__content-padding                 : $spacer--medium $spacer--large !default;
$tab__content-padding--large          : $spacer--large $spacer--extra-large !default;

// icon
$tab__icon-color                      : $gray !default;
$tab__icon-color--active              : $gray-darker !default;
$tab__icon-padding                    : 16px !default;
$tab__icon-size                       : 48px !default;

.tab {
    @include mq($screen-l) {
        display: flex;
        flex-flow: row wrap;
    }
    
    &__title {
        position: relative;
        padding: $tab__title-padding;<commit_msg>#39434 - Update spacing in mobile and change border color in mobile<commit_after>$tab__border-width                    : 1px !default;
$tab__border-width--large             : 8px !default;
    
// title
$tab__title-padding                   : $spacer--medium !default;
$tab__title-border                    : $tab__border-width solid $gray-light !default;
$tab__title-border--large             : $tab__border-width--large solid $gray-lightest !default;
$tab__title-border--large-active      : $tab__border-width--large solid $color-primary !default;
$tab__title-color                     : $gray !default;
$tab__title-color--active             : $gray-darker !default;
$tab__title-font-weight--large        : $font-weight-normal !default;
$tab__title-font-weight--large-active : $font-weight-bold !default;
$tab__title-font-weight               : $font-weight-bold !default;
$tab__title-background                : $bg-color-base !default;
$tab__title-background--active        : $gray-lightest !default;
$tab__title-background--large-active  : $gray-lightest !default;

// content
$tab__content-padding                 : $spacer--medium !default;
$tab__content-padding--large          : $spacer--large $spacer--extra-large !default;

// icon
$tab__icon-color                      : $gray !default;
$tab__icon-color--active              : $gray-darker !default;
$tab__icon-padding                    : 16px !default;
$tab__icon-size                       : 48px !default;

.tab {
    @include mq($screen-l) {
        display: flex;
        flex-flow: row wrap;
    }
    
    &__title {
        position: relative;
        padding: $tab__title-padding;
{'fraction_non_alphanumeric': 0.1288249694002448, 'fraction_numerical': 0.005201958384332925, 'mean_word_length': 2.1312260536398466, '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': '3501528', 'n_tokens_mistral': 986, 'n_tokens_neox': 950, 'n_words': 176}