1  // ==========================================================================
  2  // Base – Forms
  3  // ==========================================================================
  4  fieldset {
  5    border: 0;
  6    padding: 0;
  7  }
  8  legend {
  9    border: 0;
 10    padding: 0;
 11    white-space: normal;
 12    *margin-left: -7px;
 13    &:extend(.font-normal);
 14  }
 15  label {
 16    margin: 0;
 17    cursor: pointer;
 18  }
 19  
 20  button, input, select, textarea {
 21    font-size: 100%;
 22    vertical-align: baseline;
 23    *vertical-align: middle;
 24  }
 25  
 26  input[type=text], 
 27  input[type=password], 
 28  input[type=email], 
 29  input[type=search], 
 30  input[type=tel],
 31  textarea {
 32    padding: 5px;
 33    -webkit-appearance: none; // Remove Default Browser Behaviour for Safari
 34    -moz-appearance: none; // Remove Default Browser Behaviour for Firefox
 35    &:extend(.font-normal);
 36    line-height: normal;
 37    background-color: #fff;
 38    border: 1px solid #ccc;
 39    color: #111;
 40  }
 41  input[type=checkbox], 
 42  input[type=radio] {
 43    cursor: pointer;
 44    box-sizing: border-box;
 45    line-height: normal;
 46    margin: 0;
 47    padding: 0;
 48    *height: 13px;
 49    *width: 13px;
 50  }
 51  
 52  .checkbox {
 53    &:extend(.block);
 54    margin: 0.2em 0;
 55    input[type=checkbox], 
 56    input[type=radio] {
 57      margin-top: 0.05em;
 58      &:extend(.left);
 59    }
 60    label {
 61      padding-left: 5px;
 62      overflow: hidden;
 63      display: table;
 64      *zoom: 1;
 65    }
 66  }
 67  
 68  button, input { line-height: normal; }
 69  button, select { text-transform: none; }
 70  
 71  textarea {
 72    overflow: auto;
 73    vertical-align: top;
 74    resize: none;
 75  }
 76  
 77  // Buttons
 78  button, 
 79  html input[type="button"], 
 80  input[type="reset"], 
 81  input[type="submit"] {
 82    cursor: pointer;
 83    -webkit-appearance: button;
 84    *overflow: visible;
 85  }
 86  button[disabled], 
 87  html input[disabled] { cursor: default; }
 88  
 89  input[type="search"] {
 90    -webkit-appearance: textfield;
 91    -moz-box-sizing: content-box;
 92    -webkit-box-sizing: content-box;
 93    box-sizing: content-box;
 94  }
 95  input[type="search"]::-webkit-search-cancel-button, 
 96  input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
 97  button::-moz-focus-inner, 
 98  input::-moz-focus-inner {
 99    border: 0;
100    padding: 0;
101  }