<commit_before>/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../../global/common";

$global-border-color: $line-color;
$global-border-radius: 3px;
$form-element-height: 35px;

$form-help-text-color: #999;

$form-control-color: #495057;
$form-control-disabled-color: #d4d7da;
$form-control-border-color: #80bdff;
$form-control-background-color: #fff;
$form-failed-color: $failed;
$form-failed-field-background-color: lighten($form-failed-color, 35%);

.form-header {
  background: $form-header-bg;
  margin:     -20px -30px $global-margin-bottom -30px;
  padding:    20px 30px 0;
}

.form-group {
  list-style-type: none;
  font-size:       14px;
  margin-bottom:   20px;
}

.form-disabled {
  .form-label {
    color: $form-help-text-color;
  }

  .form-control, .form-check-input {
    cursor: not-allowed;
  }
}

.form-label {
  display:       block;
  margin-bottom: 5px;
}

.form-label-required {
  color: $form-failed-color;
}

.form-control {
  display:          block;
  height:           $form-element-height;
  line-height:      $form-element-height;
  padding:          0 10px;
  margin-right:     5px;
  font-size:        14px;
  background-color: $form-control-background-color;
  background-clip:  padding-box;
  border:           1px solid $global-border-color;
  border-radius:    $global-border-radius;
  transition:       border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width:            250px;
  box-sizing:       border-box;

  &:focus {
    color:            $form-control-color;
    background-color: $form-control-background-color;
    border-color:     $form-control-border-color;
    outline:          0;
    box-shadow:       0 0 0 0.2rem $form-control-border-color;
  }

  &.inline {
    display: inline-block;
  }
}

.form-check {
  position:      relative;
  display:       block;
  padding-left:  15px;
  margin-bottom: 10px;

  .form-check-input {
    @include size(16px, 16px);
    position:    absolute;
    margin-top:  3px;
    margin-left: -15px;
  }

  .form-label {
    display:     inline-block;
    margin-left: 5px;
  }
}

.radio-field {
  list-style-type: none;
  font-size:       14px;
  margin-bottom:   5px;

  .form-help {
    display:    block;
    font-size:  12px;
    margin-left: 15px;
    color:      $form-help-text-color;
  }
}

.radio-label {
  display: inline-block;
  margin-left: 5px;
}

.inline-radio-btns {
  display:         inline-flex;
  justify-content: space-between;
  width:           100%;
}

select.form-control { //sass-lint:disable-line no-qualifying-elements
  width: 270px;
}

input:required {
  box-shadow: none; // in firefox, required fields are outlined in red
}<commit_msg>Style input placeholder text and make radio button and checkbox labels have a pointer cursor<commit_after>/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../../global/common";

$global-border-color: $line-color;
$global-border-radius: 3px;
$form-element-height: 35px;

$form-help-text-color: #999;
$form-placeholder-color: #bbb;

$form-control-color: #495057;
$form-control-disabled-color: #d4d7da;
$form-control-border-color: #80bdff;
$form-control-background-color: #fff;
$form-failed-color: $failed;
$form-failed-field-background-color: lighten($form-failed-color, 35%);

.form-header {
  background: $form-header-bg;
  margin:     -20px -30px $global-margin-bottom -30px;
  padding:    20px 30px 0;
}

.form-group {
  list-style-type: none;
  font-size:       14px;
  margin-bottom:   20px;
}

.form-disabled {
  .form-label {
    color: $form-help-text-color;
  }

  .form-control, .form-check-input {
    cursor: not-allowed;
  }
}

.form-label {
  display:       block;
  margin-bottom: 5px;
}

.form-label-required {
  color: $form-failed-color;
}

.form-control {
  display:          block;
  height:           $form-element-height;
  line-height:      $form-element-height;
  padding:          0 10px;
  margin-right:     5px;
  font-size:        14px;
  background-color: $form-control-background-color;
  background-clip:  padding-box;
  border:           1px solid $global-border-color;
  border-radius:    $global-border-radius;
  transition:       border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width:            250px;
  box-sizing:       border-box;

  &:focus {
    color:            $form-control-color;
    background-color: $form-control-background-color;
    border-color:     $form-control-border-color;
    outline:          0;
    box-shadow:       0 0 0 0.2rem $form-control-border-color;
  }

  &.inline {
    display: inline-block;
  }
}

.form-check {
  position:      relative;
  display:       block;
  padding-left:  15px;
  margin-bottom: 10px;

  .form-check-input {
    @include size(16px, 16px);
    position:    absolute;
    margin-top:  3px;
    margin-left: -15px;
  }

  .form-label {
    display:     inline-block;
    margin-left: 5px;
    cursor:      pointer;
  }
}

.radio-field {
  list-style-type: none;
  font-size:       14px;
  margin-bottom:   5px;

  .form-help {
    display:    block;
    font-size:  12px;
    margin-left: 15px;
    color:      $form-help-text-color;
  }
}

.radio-label {
  display:     inline-block;
  margin-left: 5px;
  cursor:      pointer;
}

.inline-radio-btns {
  display:         inline-flex;
  justify-content: space-between;
  width:           100%;
}

select.form-control { //sass-lint:disable-line no-qualifying-elements
  width: 270px;
}

input:required {
  box-shadow: none; // in firefox, required fields are outlined in red
}

input::placeholder {
  color: $form-placeholder-color;
  font-style: italic;
}
{'fraction_non_alphanumeric': 0.1318222487324784, 'fraction_numerical': 0.026841634357291977, 'mean_word_length': 2.633261105092091, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '4154912', 'n_tokens_mistral': 2411, 'n_tokens_neox': 2284, 'n_words': 549}