forms.less

/*
 * Forms.less
 * Base styles for various input types, form layouts, and states
 */


/* Global form styles
-------------------------------------------------- */

form {
  margin-bottom: @baseline;
  // Groups of fields with labels on top (legends)
  fieldset {
    margin-bottom: @baseline;
    padding-top: @baseline;
    legend {
      display: block;
      margin-left: 150px;
      font-size: 20px;
      line-height: 1;
      color: @grayDark;
    }
  }
  // Parent element that clears floats and wraps labels and fields together
  div.clearfix {
    margin-bottom: @baseline;
  }
  // Set font for forms
  label, input, select, textarea {
    #font > .sans-serif(normal,13px,normal);
  }
  // Float labels left
  label {
    padding-top: 6px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    width: 130px;
    text-align: right;
    color: @grayDark;
  }
  // Shift over the inside div to align all label's relevant content
  div.input {
    margin-left: 150px;
  }
  // Checkboxs and radio buttons
  input[type=checkbox],
  input[type=radio] {
    cursor: pointer;
  }
  // Inputs, Textareas, Selects
  input[type=text],
  input[type=password],
  textarea,
  select,
  .uneditable-input {
    display: inline-block;
    width: 210px;
    margin: 0;
    padding: 4px;
    font-size: 13px;
    line-height: @baseline;
    height: @baseline;
    color: @gray;
    border: 1px solid #ccc;
    .border-radius(3px);
  }
  select,
  input[type=file] {
    height: @baseline * 1.5;