<commit_before>
// Add support for card. We map it to well.
// This is not meant to be perfect - but at least applies some styles to a bs4 card.
.card:extend(.well) {
    /* stylelint-disable-line no-empty-source */
}

// Padding and margin utitilies.
.padding-margin(3);

.padding-margin(@n, @i : 1) when (@i =< @n) {
    @amount: @i * @baseFontSize;
    .p-l-@{i} {
        padding-left: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-r-@{i} {
        padding-right: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-t-@{i} {
        padding-top: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-b-@{i} {
        padding-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-x-@{i} {
        padding-left: @amount !important; /* stylelint-disable-line declaration-no-important */
        padding-right: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-y-@{i} {
        padding-top: @amount !important; /* stylelint-disable-line declaration-no-important */
        padding-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .p-a-@{i} {
        padding: @amount !important; /* stylelint-disable-line declaration-no-important */
    }

    .m-l-@{i} {
        margin-left: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-r-@{i} {
        margin-right: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-t-@{i} {
        margin-top: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-b-@{i} {
        margin-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-x-@{i} {
        margin-left: @amount !important; /* stylelint-disable-line declaration-no-important */
        margin-right: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-y-@{i} {
        margin-top: @amount !important; /* stylelint-disable-line declaration-no-important */
        margin-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .m-a-@{i} {
        margin: @amount !important; /* stylelint-disable-line declaration-no-important */
    }
    .padding-margin(@n, (@i + 1));
}

.d-inline {
    display: inline !important; /* stylelint-disable-line declaration-no-important */
}
.d-block {
    display: block !important; /* stylelint-disable-line declaration-no-important */
}
.d-inline-block {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
}

// Horizontal centering.
.m-x-auto {
    margin-left: auto !important; /* stylelint-disable-line declaration-no-important */<commit_msg>MDL-56889 bootstrapbase: create static bs4 compatible mixins<commit_after>
// Add support for card. We map it to well.
// This is not meant to be perfect - but at least applies some styles to a bs4 card.
.card:extend(.well) {
    /* stylelint-disable-line no-empty-source */
}

// Due to lessphp limitations, the following classes must be declared statically without use of a loop.
.p-l-1 {
    padding-left: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-r-1 {
    padding-right: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-t-1 {
    padding-top: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-b-1 {
    padding-bottom: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-x-1 {
    padding-left: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-right: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-y-1 {
    padding-top: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-bottom: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-a-1 {
    padding: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.m-l-1 {
    margin-left: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-r-1 {
    margin-right: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-t-1 {
    margin-top: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-b-1 {
    margin-bottom: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-x-1 {
    margin-left: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-right: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-y-1 {
    margin-top: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-a-1 {
    margin: 1 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.p-l-2 {
    padding-left: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-r-2 {
    padding-right: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-t-2 {
    padding-top: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-b-2 {
    padding-bottom: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-x-2 {
    padding-left: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-right: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-y-2 {
    padding-top: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-bottom: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-a-2 {
    padding: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.m-l-2 {
    margin-left: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-r-2 {
    margin-right: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-t-2 {
    margin-top: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-b-2 {
    margin-bottom: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-x-2 {
    margin-left: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-right: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-y-2 {
    margin-top: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-a-2 {
    margin: 2 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.p-l-3 {
    padding-left: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-r-3 {
    padding-right: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-t-3 {
    padding-top: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-b-3 {
    padding-bottom: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-x-3 {
    padding-left: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-right: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-y-3 {
    padding-top: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    padding-bottom: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.p-a-3 {
    padding: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.m-l-3 {
    margin-left: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-r-3 {
    margin-right: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-t-3 {
    margin-top: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-b-3 {
    margin-bottom: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-x-3 {
    margin-left: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-right: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-y-3 {
    margin-top: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}
.m-a-3 {
    margin: 3 * @baseFontSize !important; /* stylelint-disable-line declaration-no-important */
}

.d-inline {
    display: inline !important; /* stylelint-disable-line declaration-no-important */
}
.d-block {
    display: block !important; /* stylelint-disable-line declaration-no-important */
}
.d-inline-block {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
}

// Horizontal centering.
.m-x-auto {
    margin-left: auto !important; /* stylelint-disable-line declaration-no-important */
{'fraction_non_alphanumeric': 0.1595136651771797, 'fraction_numerical': 0.011119193598669853, 'mean_word_length': 3.1770833333333335, 'pattern_counts': {'":': 0, '<': 4, '<?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': '6979427', 'n_tokens_mistral': 3125, 'n_tokens_neox': 3055, 'n_words': 621}