<commit_before>// Form validation states
//
// Used in _forms.scss to generate the form validation CSS for warnings, errors,
// and successes.

@mixin form-control-validation($color-name) {
    $color:        palette-context($color-name);
    $bg:           palette-context($color-name, $level-context-bg);
    $border:       palette-context($color-name, $level-context-border);
    $border-hover: palette-context($color-name, $level-context-hover-border);

    // Color the label and help text
    .form-control-feedback,
    .form-control-label,
    .form-check-label,
    .custom-control {
        color: $color;
    }
    // Set the border and box shadow on specific inputs to match
    .form-control {
        border-color: $border;

        &:focus {
            border-color: $border-hover;

            @if $enable-shadows {
                @if $enable-focus-ring {
                    box-shadow: $focus-ring-shadow, $input-focus-box-shadow;
                } @else {
                    box-shadow: $input-focus-box-shadow;
                }
            } @else {
                @if $enable-focus-ring {
                    box-shadow: $focus-ring-shadow;
                }
            }
        }<commit_msg>Allow validation states on some custom form items (#186)<commit_after>// Form validation states
//
// Used in _forms.scss to generate the form validation CSS for warnings, errors,
// and successes.

@mixin form-control-validation($color-name) {
    $color:        palette-context($color-name);
    $bg:           palette-context($color-name, $level-context-bg);
    $border:       palette-context($color-name, $level-context-border);
    $border-hover: palette-context($color-name, $level-context-hover-border);

    // Color the label and help text
    .form-control-feedback,
    .form-control-label,
    .form-check-label,
    .custom-control {
        color: $color;
    }
    // Set the border and box shadow on specific inputs to match
    .form-control,
    .custom-select,
    .custom-file-control {
        border-color: $border;

        &:focus {
            border-color: $border-hover;

            @if $enable-shadows {
                @if $enable-focus-ring {
                    box-shadow: $focus-ring-shadow, $input-focus-box-shadow;
                } @else {
                    box-shadow: $input-focus-box-shadow;
                }
            } @else {
                @if $enable-focus-ring {
                    box-shadow: $focus-ring-shadow;
                }
            }
        }
{'fraction_non_alphanumeric': 0.1265322261763543, 'fraction_numerical': 0.0011862396204033216, 'mean_word_length': 1.697228144989339, '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': '3065145', 'n_tokens_mistral': 746, 'n_tokens_neox': 712, 'n_words': 160}