<commit_before>@import "compass/css3/images";

// Tamanho máximo do campo padrão.
$inputMaxWidth: 280px;
// Tamanho dos rótulos.
$controlLabelWidth: 160px;
// Padding vertical do campo.
$inputVerticalPadding: 6px;
// Padding horizontal do campo.
$inputHorizontalPadding: 10px;
// Tamanho do campo: <tamanho máximo> - 2px (borda horizontal) - 2 * <padding horizontal>.
$inputWidth: $inputMaxWidth - 2 - 2 * ($inputHorizontalPadding);

// Usado no formulário de busca e elemento de opções de lista.
@mixin input-append() {
  @extend .clearfix;
  position: relative;
  display: inline-block;

  // Um campo texto ou área de texto.
  .input-area { float: left; }

  // Área que fica sob o input-area do lado direito.
  .append-area {
    position: absolute;
    right: 0;

    // CSS3.
    .borderradius & { @include border-radius(0 3px 3px 0); }
    .cssgradients &,
    .cssgradients &:hover { @include filter-gradient-vertical($white, $gray2); }
    .no-cssgradients &,
    .no-cssgradients &:hover {
      // http://www.colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100;Custom
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ<KEY>
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    }
  }

  // Estados.
  &:hover .append-area,
  &:hover .input-area { border-color: $blue2; }

}

form {
  // Faz todos os formulários terem espaço abaixo.
  margin: 0 0 $baseLineHeight;

  // CSS3.
  .textshadow & { text-shadow: $verticalWhiteShadow; }
}

// Formulário de busca.
.form-search {
  @include input-append;

  .input-area {
    // Calcula o padding direito necessário.
    $searchButtonWidth: 38px;
    $formSearchInputRightPadding: $searchButtonWidth +  $inputHorizontalPadding;
    padding-right: $formSearchInputRightPadding;
    width: 180px - $formSearchInputRightPadding;
  }
}

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

// Seta a fonte dos formulários.
label,
input,
button,
select,
textarea { @include font-shorthand; } // Seta o tamanho, peso e altura de linha aqui.
input,
button,
select,
textarea { @include font-family-sans-serif; } // E somente seta a família da fonte aqui para aqueles que precisam (note que o label não está presente).

// Identifica os controles por seus rótulos.
label {
  display: block;
  margin-bottom: 7px;
  color: $gray4;
}

// Campos, áreas de textos e selecionadores.
input,
textarea,
select {
  display: inline-block;
  width: $inputWidth;<commit_msg>Removendo o margin-bottom quando o label usado no form padrao.<commit_after>@import "compass/css3/images";

// Tamanho máximo do campo padrão.
$inputMaxWidth: 280px;
// Tamanho dos rótulos.
$controlLabelWidth: 160px;
// Padding vertical do campo.
$inputVerticalPadding: 6px;
// Padding horizontal do campo.
$inputHorizontalPadding: 10px;
// Tamanho do campo: <tamanho máximo> - 2px (borda horizontal) - 2 * <padding horizontal>.
$inputWidth: $inputMaxWidth - 2 - 2 * ($inputHorizontalPadding);

// Usado no formulário de busca e elemento de opções de lista.
@mixin input-append() {
  @extend .clearfix;
  position: relative;
  display: inline-block;

  // Um campo texto ou área de texto.
  .input-area { float: left; }

  // Área que fica sob o input-area do lado direito.
  .append-area {
    position: absolute;
    right: 0;

    // CSS3.
    .borderradius & { @include border-radius(0 3px 3px 0); }
    .cssgradients &,
    .cssgradients &:hover { @include filter-gradient-vertical($white, $gray2); }
    .no-cssgradients &,
    .no-cssgradients &:hover {
      // http://www.colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100;Custom
      background: url(data:image/svg+xml;base64,<KEY>);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    }
  }

  // Estados.
  &:hover .append-area,
  &:hover .input-area { border-color: $blue2; }

}

form {
  // Faz todos os formulários terem espaço abaixo.
  margin: 0 0 $baseLineHeight;

  // CSS3.
  .textshadow & { text-shadow: $verticalWhiteShadow; }
}

// Formulário de busca.
.form-search {
  @include input-append;

  .input-area {
    // Calcula o padding direito necessário.
    $searchButtonWidth: 38px;
    $formSearchInputRightPadding: $searchButtonWidth +  $inputHorizontalPadding;
    padding-right: $formSearchInputRightPadding;
    width: 180px - $formSearchInputRightPadding;
  }
}

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

// Seta a fonte dos formulários.
label,
input,
button,
select,
textarea { @include font-shorthand; } // Seta o tamanho, peso e altura de linha aqui.
input,
button,
select,
textarea { @include font-family-sans-serif; } // E somente seta a família da fonte aqui para aqueles que precisam (note que o label não está presente).

// Identifica os controles por seus rótulos.
label {
  display: block;
  color: $gray4;

  .form-horizontal & { margin-bottom: 7px; }
}

// Campos, áreas de textos e selecionadores.
input,
textarea,
select {
  display: inline-block;
  width: $inputWidth;
{'fraction_non_alphanumeric': 0.12015945330296128, 'fraction_numerical': 0.023538344722854973, 'mean_word_length': 3.696078431372549, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, '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': '4805414', 'n_tokens_mistral': 2029, 'n_tokens_neox': 1934, 'n_words': 475}