<commit_before>//
// Custom Form Variables
//

// We use these to control the basic form styles input styles
$custom-form-border-color:              #ccc !default;
$custom-form-bg:                        #fff !default;
$custom-form-bg-disabled:               #ddd !default;
$custom-form-check-color:               #222 !default;

// We use these to style the custom select form element.
$custom-select-bg:                      #fff !default;
$custom-select-fade-to-color:           #f3f3f3 !default;
$custom-select-border-color:            #ddd !default;
$custom-select-triangle-color:          #aaa !default;
$custom-select-triangle-color-open:     #222 !default;
$custom-select-height:                  emCalc(13px) + ($form-spacing * 1.5) !default;
$custom-select-margin-bottom:           emCalc(20px) !default;
$custom-select-font-color-selected:     #141414 !default;
$custom-select-disabled-color:          #888 !default;

// We use these to control the style of the custom select dropdown element.
$custom-dropdown-height:                200px !default;
$custom-dropdown-bg:                    #fff !default;
$custom-dropdown-border-color:          darken(#fff, 20%) !default;
$custom-dropdown-border-width:          1px !default;
$custom-dropdown-border-style:          solid !default;
$custom-dropdown-font-color:            #555 !default;
$custom-dropdown-font-size:             emCalc(14px) !default;
$custom-dropdown-color-selected:        #eeeeee !default;
$custom-dropdown-font-color-selected:   #000 !default;
$custom-dropdown-shadow:                0 2px 2px 0px rgba(0,0,0,0.1) !default;
$custom-dropdown-offset-top:            none !default;
$custom-dropdown-list-padding:          emCalc(4px) !default;
$custom-dropdown-left-padding:          emCalc(6px) !default;
$custom-dropdown-right-padding:         emCalc(38px) !default;
$custom-dropdown-list-item-min-height:  emCalc(24px) !default;

// We decided not to make a mixin for the custom forms because
// they rely on a very specific class naming structure.
// We may look at updating this in the future.

/* Custom Checkbox and Radio Inputs */
form.custom {
  .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px $custom-form-border-color;
    background: $custom-form-bg;

    &.radio { @include radius(1000px); }

    &.checkbox {
      z-index: -1;
      &:before {
        content: "";
        display: block;
        line-height: 0.8;
        height: 14px;
        width: 14px;
        text-align: center;
        position: absolute;
        top: 0;
        #{$default-float}: 0;
        font-size: 14px;
        color: #fff;
      }
    }

    &.radio.checked {
      &:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        @include radius(1000px);
        background: $custom-form-check-color;
        position: relative;
        top: 3px;
        #{$default-float}: 3px;
      }
    }

    &.checkbox.checked {
      &:before {
        content: "\00d7";
        color: $custom-form-check-color;
      }
    }
  }
}

/* Custom Select Options and Dropdowns */
form.custom {
  .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: $custom-select-height;
    margin-bottom: $custom-select-margin-bottom;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    background: $custom-dropdown-bg;
    background: -moz-linear-gradient(top, $custom-dropdown-bg 0%, $custom-select-fade-to-color 100%);
    background: -webkit-linear-gradient(top, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%);
    background: linear-gradient(to bottom, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: emCalc(14px);

    ul {
      overflow-y: auto;
      max-height: $custom-dropdown-height;
    }
<commit_msg>Fixes alignment issue in FF + inline-block usage<commit_after>//
// Custom Form Variables
//

// We use these to control the basic form styles input styles
$custom-form-border-color:              #ccc !default;
$custom-form-bg:                        #fff !default;
$custom-form-bg-disabled:               #ddd !default;
$custom-form-check-color:               #222 !default;

// We use these to style the custom select form element.
$custom-select-bg:                      #fff !default;
$custom-select-fade-to-color:           #f3f3f3 !default;
$custom-select-border-color:            #ddd !default;
$custom-select-triangle-color:          #aaa !default;
$custom-select-triangle-color-open:     #222 !default;
$custom-select-height:                  emCalc(13px) + ($form-spacing * 1.5) !default;
$custom-select-margin-bottom:           emCalc(20px) !default;
$custom-select-font-color-selected:     #141414 !default;
$custom-select-disabled-color:          #888 !default;

// We use these to control the style of the custom select dropdown element.
$custom-dropdown-height:                200px !default;
$custom-dropdown-bg:                    #fff !default;
$custom-dropdown-border-color:          darken(#fff, 20%) !default;
$custom-dropdown-border-width:          1px !default;
$custom-dropdown-border-style:          solid !default;
$custom-dropdown-font-color:            #555 !default;
$custom-dropdown-font-size:             emCalc(14px) !default;
$custom-dropdown-color-selected:        #eeeeee !default;
$custom-dropdown-font-color-selected:   #000 !default;
$custom-dropdown-shadow:                0 2px 2px 0px rgba(0,0,0,0.1) !default;
$custom-dropdown-offset-top:            none !default;
$custom-dropdown-list-padding:          emCalc(4px) !default;
$custom-dropdown-left-padding:          emCalc(6px) !default;
$custom-dropdown-right-padding:         emCalc(38px) !default;
$custom-dropdown-list-item-min-height:  emCalc(24px) !default;

// We decided not to make a mixin for the custom forms because
// they rely on a very specific class naming structure.
// We may look at updating this in the future.

/* Custom Checkbox and Radio Inputs */
form.custom {
  .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px $custom-form-border-color;
    background: $custom-form-bg;

    &.radio { @include radius(1000px); }

    &.checkbox {
      z-index: -1;
      &:before {
        content: "";
        display: block;
        line-height: 0.8;
        height: 14px;
        width: 14px;
        text-align: center;
        position: absolute;
        top: 0;
        #{$default-float}: 0;
        font-size: 14px;
        color: #fff;
      }
    }

    &.radio.checked {
      &:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        @include radius(1000px);
        background: $custom-form-check-color;
        position: relative;
        top: 3px;
        #{$default-float}: 3px;
      }
    }

    &.checkbox.checked {
      &:before {
        content: "\00d7";
        color: $custom-form-check-color;
      }
    }
  }
}

/* Custom Select Options and Dropdowns */
form.custom {
  .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: $custom-select-height;
    margin-bottom: $custom-select-margin-bottom;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    background: $custom-dropdown-bg;
    background: -moz-linear-gradient(top, $custom-dropdown-bg 0%, $custom-select-fade-to-color 100%);
    background: -webkit-linear-gradient(top, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%);
    background: linear-gradient(to bottom, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: emCalc(14px);
    vertical-align: top;

    ul {
      overflow-y: auto;
      max-height: $custom-dropdown-height;
    }

{'fraction_non_alphanumeric': 0.13560395036718156, 'fraction_numerical': 0.026589009875917953, 'mean_word_length': 2.296744574290484, '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': '1360778', 'n_tokens_mistral': 2678, 'n_tokens_neox': 2464, 'n_words': 584}