<commit_before>/* ==========================================================================
   Capital Framework
   Form Element Styling
   ========================================================================== */
//
// Theme variables
//

// Color variables

// Input borders
@input-border:                  #5b616b;
@input-border__hover:           @pacific;
@input-border__focused:         @pacific;
@input-border__active:          @pacific;
@input-border__error:           @red;
@input-border__warning:         @gold;
@input-border__success:         @green;
@input-border__selected:        #046b99; // $color-primary-alt-darkest

// Input backgrounds
@input-bg:                      #ffffff;
@input-bg__active:              @pacific;
@input-bg__disabled:            @gray-5;

// Input text
@input-text__disabled:          @gray-80;
@input-text__placeholder:       #aeb0b5;

// Input icons
@input-icon__error:             @red;

// select
@select-border:                 @gray-40;
@select-icon:                   @gray-80;
@select-icon-bg:                @gray-5;

// Large target area variables
@input-lg-target:               #d6d7d9; // $color-gray-lighter
@input-lg-target__selected:     #9bdaf1; // $color-primary-alt-light
@input-lg-target__disabled:     #aeb0b5; // $color-gray-light


// Sizing variables

@select-height:                  30px;

// Import external dependencies

@import (less) '../../cf-grid/src/cf-grid.less';
@import (less) '../../cf-core/src/cf-core.less';
@import (less) '../../cf-buttons/src/cf-buttons.less';
@import (less) '../../cf-icons/src/cf-icons.less';


//
// Import atoms
//

@import (less) 'atoms/label.less';
@import (less) 'atoms/select.less';
@import (less) 'atoms/text-input.less';


//
// Import molecules
//

@import (less) 'molecules/btn-inside-input.less';
@import (less) 'molecules/form-fields.less';

//
// Import organisms
//

@import (less) 'organisms/form.less';
@import (less) 'organisms/form-input-group.less';

//
// m-select menu
//

.m-select {
    position: relative;
    margin-top: 0.5em;
    border: 1px solid @select-border;

    select {
        height: unit( 30px / @base-font-size-px, em );
        width: 100%;
        padding: unit( 4px / @base-font-size-px, em )
                 unit( 6px / @base-font-size-px, em );
        border: 0;
        outline: 2px solid transparent;
        appearance: none;
        background-color: @input-bg;
        border-radius: 0;
        color: @text;

        &:hover,
        &:active,
        &:focus {
            outline-color: @input-border__focused;
            outline-offset: 0;
        }
    }<commit_msg>Remove reference to form-input-group.less<commit_after>/* ==========================================================================
   Capital Framework
   Form Element Styling
   ========================================================================== */
//
// Theme variables
//

// Color variables

// Input borders
@input-border:                  #5b616b;
@input-border__hover:           @pacific;
@input-border__focused:         @pacific;
@input-border__active:          @pacific;
@input-border__error:           @red;
@input-border__warning:         @gold;
@input-border__success:         @green;
@input-border__selected:        #046b99; // $color-primary-alt-darkest

// Input backgrounds
@input-bg:                      #ffffff;
@input-bg__active:              @pacific;
@input-bg__disabled:            @gray-5;

// Input text
@input-text__disabled:          @gray-80;
@input-text__placeholder:       #aeb0b5;

// Input icons
@input-icon__error:             @red;

// select
@select-border:                 @gray-40;
@select-icon:                   @gray-80;
@select-icon-bg:                @gray-5;

// Large target area variables
@input-lg-target:               #d6d7d9; // $color-gray-lighter
@input-lg-target__selected:     #9bdaf1; // $color-primary-alt-light
@input-lg-target__disabled:     #aeb0b5; // $color-gray-light


// Sizing variables

@select-height:                  30px;

// Import external dependencies

@import (less) '../../cf-grid/src/cf-grid.less';
@import (less) '../../cf-core/src/cf-core.less';
@import (less) '../../cf-buttons/src/cf-buttons.less';
@import (less) '../../cf-icons/src/cf-icons.less';


//
// Import atoms
//

@import (less) 'atoms/label.less';
@import (less) 'atoms/select.less';
@import (less) 'atoms/text-input.less';


//
// Import molecules
//

@import (less) 'molecules/btn-inside-input.less';
@import (less) 'molecules/form-fields.less';

//
// Import organisms
//

@import (less) 'organisms/form.less';

//
// m-select menu
//

.m-select {
    position: relative;
    margin-top: 0.5em;
    border: 1px solid @select-border;

    select {
        height: unit( 30px / @base-font-size-px, em );
        width: 100%;
        padding: unit( 4px / @base-font-size-px, em )
                 unit( 6px / @base-font-size-px, em );
        border: 0;
        outline: 2px solid transparent;
        appearance: none;
        background-color: @input-bg;
        border-radius: 0;
        color: @text;

        &:hover,
        &:active,
        &:focus {
            outline-color: @input-border__focused;
            outline-offset: 0;
        }
    }
{'fraction_non_alphanumeric': 0.2088269010317157, 'fraction_numerical': 0.016048910966755828, 'mean_word_length': 2.1765776699029127, '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': '7564609', 'n_tokens_mistral': 1754, 'n_tokens_neox': 1647, 'n_words': 324}