<commit_before>@import '../../my-theme';

.example {
    padding: 20px 30px 30px;

    p {
        padding: 0 0 10px 0;
        font-size: 14px;
        line-height: 24px;

        span {
            color: $theme-highlight;
        }
    }

    .example-title {
        font-size: 18px;
        cursor: default;
        user-select: none;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .06);
    }

    .widget {
        margin-bottom: 30px;
    }

    .example-header {
        color: #fff;
        background: $theme-title;
    }

    .example-content {

        @include float-fix;

        padding: 30px;
        background: $theme-widget-bg;

        code {
            padding: 5px;
            margin: 0;
            background-color: rgba(0, 0, 0, .04);
            border-radius: 3px;
            font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
        }

    }

    .prop-type-desc-table {

        tbody tr td:first-child {
            color: $theme-highlight;
        }

        tbody tr td:nth-child(2) {
            color: $theme-error;
        }

        thead tr th {
            color: $theme-field-disabled;
            font-size: 15px;
        }

    }

}

@media (max-width: 767px) {
    .example {
        padding: 8px 16px 16px;

        .example-content {
            padding: 16px;
        }
    }
}<commit_msg>update Example style<commit_after>@import '../../my-theme';

.example {
    padding: 20px 30px 30px;

    p {
        padding: 0 0 10px 0;
        font-size: 14px;
        line-height: 24px;

        span {
            color: $theme-highlight;
        }
    }

    .example-title {
        font-size: 18px;
        cursor: default;
        user-select: none;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .06);
    }

    .widget {
        margin-bottom: 30px;
    }

    .example-content {
        @include float-fix;
        padding: 30px;

        code {
            padding: 5px;
            margin: 0;
            background-color: rgba(0, 0, 0, .04);
            border-radius: 3px;
            font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
        }

    }

    .prop-type-desc-table {

        tbody tr td:first-child {
            color: $theme-highlight;
        }

        tbody tr td:nth-child(2) {
            color: $theme-error;
        }

        thead tr th {
            color: $theme-field-disabled;
            font-size: 15px;
        }

    }

}

@media (max-width: 767px) {
    .example {
        padding: 8px 16px 16px;

        .example-content {
            padding: 16px;
        }
    }
}
{'fraction_non_alphanumeric': 0.11986430456087448, 'fraction_numerical': 0.03769317753486619, 'mean_word_length': 1.2918825561312608, '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': '407649', 'n_tokens_mistral': 975, 'n_tokens_neox': 838, 'n_words': 193}