[Summary view] [Print] [Text view]

   1  input[type="text"],
   2  input[type="email"],
   3  input[type="url"],
   4  input[type="password"],
   5  input[type="search"],
   6  input[type="number"],
   7  input[type="tel"],
   8  input[type="range"],
   9  input[type="date"],
  10  input[type="month"],
  11  input[type="week"],
  12  input[type="time"],
  13  input[type="datetime"],
  14  input[type="datetime-local"],
  15  input[type="color"],
  16  textarea {
  17      -webkit-backface-visibility: hidden;
  18      background: $color__background-input;
  19      border: solid 1px $color__border;
  20      box-sizing: border-box;
  21      outline: none;
  22      padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
  23      -webkit-appearance: none;
  24      outline-offset: 0;
  25      border-radius: 0;
  26  
  27      &:focus {
  28          border-color: $color__link;
  29          outline: thin solid rgba( $color__link, 0.15 );
  30          outline-offset: -4px;
  31      }
  32  }
  33  
  34  input[type="search"] {
  35      &::-webkit-search-decoration {
  36          display: none;
  37      }
  38  }
  39  
  40  textarea {
  41      box-sizing: border-box;
  42      display: block;
  43      width: 100%;
  44      max-width: 100%;
  45      resize: vertical;
  46  }
  47  
  48  form {
  49  
  50      p {
  51          margin: $size__spacing-unit 0;
  52      }
  53  
  54  }