<commit_before>.#{$form-class-name} {

    fieldset {
        border: none;
        margin-bottom: 1.5em;
        padding: 0;
        margin: 0;

        legend {
            font-size: 1.438em;
            font-weight: 700;
            width: 100%;
            border-bottom:1px solid #ddd;

            & + * {
                -webkit-margin-top-collapse: separate; // webkit hack that makes the legend margins work like they should
                margin: 2em 0;
            }
        }
    }

    p {
        &.tip {
            font-size: .875em;
            color: tint($text-color,35%);
            position: relative;
            margin: .2em 0 0 .1em;
        }

        &.label {
            padding: 0;
            margin: 0;
            color: $text-color;
            white-space: normal;
        }
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-family: $form-field-font;
        font-weight: $form-field-fontWeight;
        @include border-radius($border-radius);
        padding: $form-field-padding;
        border: 1px solid shade($form-field-borderColor,10%);
        resize: none;
        background: $form-field-bg;
        vertical-align: middle;

        &:focus {
            @include input-focus($focusBlurSize, $focusColor);
            outline: 0 none;
        }

        &:disabled {
            background: $form-field-disabled-bg;
            cursor: not-allowed;
        }
    }

    .input-file {
        @include border-radius($border-radius);
        padding: 6px;
        border: 1px solid shade($form-field-borderColor,10%);
        background: $form-field-bg;
        vertical-align: middle;
        line-height: 1.2;
        
        input[type="file"] {
            @include border-radius(0);
            border:none;
            padding: 0;
            background: none;
            width: 100%;
        }
    }

    .#{$button-class-name} {
        margin: 0 5px;
    }

    label {
        cursor: pointer;
    }

    select {
        line-height: 2;
        cursor: pointer;
    }

    textarea {
        min-height: 5em;
    }

    .control-group {
        line-height: 2;
        margin-bottom: 1em;
        @include pie-clearfix;

        .control {
            position: relative;
            @include pie-clearfix;

            & > li {
                margin: 0;
                @include pie-clearfix;    
            }

            & > input,
            & > select,
            & > textarea {
                width: 100%;
                
                & + [class^="fa-"],
                & + [class*="fa-"] {
                    display: none;
                }
            }
            
            &.append-button,
            &.append-symbol,
            &.prepend-button,
            &.prepend-symbol {
                
                span {
                    width: 100%;
                    position: relative;

                    & > input,
                    & > select,
                    & > textarea {
                        width: 100%;
                    }
                }

                & > input[type="submit"],
                & > input[type="button"],
                & > input[type="reset"] {
                    width: auto;
                }
            }

            &.append-button {

                @include experimental-value(display, flex, not -moz, -webkit, not -o, not -ms, not -khtml, official);
                @include experimental-value(display, flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);

                span {
                    
                    display: table-cell;

                    & > input,
                    & > select,
                    & > textarea {
                        @include border-radius($border-radius 0 0 $border-radius);
                    }
                }
                
                .#{$button-class-name} {
                    margin: 0;
                    @include border-radius(0 $border-radius $border-radius 0);
                    border-left: none;
                }
            }

            &.prepend-button {

                @include experimental-value(display, flex, not -moz, -webkit, not -o, not -ms, not -khtml, official);
                @include experimental-value(display, flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);

                span {
                    
                    display: table-cell;
                <commit_msg>Removes display: table-cell property from _flex-forms.scss appended and prepended input fields.<commit_after>.#{$form-class-name} {

    fieldset {
        border: none;
        margin-bottom: 1.5em;
        padding: 0;
        margin: 0;

        legend {
            font-size: 1.438em;
            font-weight: 700;
            width: 100%;
            border-bottom:1px solid #ddd;

            & + * {
                -webkit-margin-top-collapse: separate; // webkit hack that makes the legend margins work like they should
                margin: 2em 0;
            }
        }
    }

    p {
        &.tip {
            font-size: .875em;
            color: tint($text-color,35%);
            position: relative;
            margin: .2em 0 0 .1em;
        }

        &.label {
            padding: 0;
            margin: 0;
            color: $text-color;
            white-space: normal;
        }
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        font-family: $form-field-font;
        font-weight: $form-field-fontWeight;
        @include border-radius($border-radius);
        padding: $form-field-padding;
        border: 1px solid shade($form-field-borderColor,10%);
        resize: none;
        background: $form-field-bg;
        vertical-align: middle;

        &:focus {
            @include input-focus($focusBlurSize, $focusColor);
            outline: 0 none;
        }

        &:disabled {
            background: $form-field-disabled-bg;
            cursor: not-allowed;
        }
    }

    .input-file {
        @include border-radius($border-radius);
        padding: 6px;
        border: 1px solid shade($form-field-borderColor,10%);
        background: $form-field-bg;
        vertical-align: middle;
        line-height: 1.2;
        
        input[type="file"] {
            @include border-radius(0);
            border:none;
            padding: 0;
            background: none;
            width: 100%;
        }
    }

    .#{$button-class-name} {
        margin: 0 5px;
    }

    label {
        cursor: pointer;
    }

    select {
        line-height: 2;
        cursor: pointer;
    }

    textarea {
        min-height: 5em;
    }

    .control-group {
        line-height: 2;
        margin-bottom: 1em;
        @include pie-clearfix;

        .control {
            position: relative;
            @include pie-clearfix;

            & > li {
                margin: 0;
                @include pie-clearfix;    
            }

            & > input,
            & > select,
            & > textarea {
                width: 100%;
                
                & + [class^="fa-"],
                & + [class*="fa-"] {
                    display: none;
                }
            }
            
            &.append-button,
            &.append-symbol,
            &.prepend-button,
            &.prepend-symbol {
                
                span {
                    width: 100%;
                    position: relative;

                    & > input,
                    & > select,
                    & > textarea {
                        width: 100%;
                    }
                }

                & > input[type="submit"],
                & > input[type="button"],
                & > input[type="reset"] {
                    width: auto;
                }
            }

            &.append-button {

                @include experimental-value(display, flex, not -moz, -webkit, not -o, not -ms, not -khtml, official);
                @include experimental-value(display, flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);

                span {
                    
                    //display: table-cell;

                    & > input,
                    & > select,
                    & > textarea {
                        @include border-radius($border-radius 0 0 $border-radius);
                    }
                }
                
                .#{$button-class-name} {
                    margin: 0;
                    @include border-radius(0 $border-radius $border-radius 0);
                    border-left: none;
                }
            }

            &.prepend-button {

                @include experimental-value(display, flex, not -moz, -webkit, not -o, not -ms, not -khtml, official);
                @include experimental-value(display, flexbox, not -moz, not -webkit, not -o, -ms, not -khtml, not official);

                span {
                    
                    //display: table-cell;
                
{'fraction_non_alphanumeric': 0.12221993410214169, 'fraction_numerical': 0.013179571663920923, 'mean_word_length': 1.0982933678980342, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 29, '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': '5608860', 'n_tokens_mistral': 2833, 'n_tokens_neox': 2555, 'n_words': 548}