/**
* INPUTS
* ---------
* Base styling for non-atrocious inputs and textareas
*/

input, 
button,
textarea {
  width: auto;
  padding: 0.25rem 0.5rem;
  font-weight: $base-font-weight;
  border: 1px solid $butler-color;
  box-shadow: none;
  font-family: $interface-font-stack;
}

input:focus, input:active, 
textarea:focus, textarea:active, 
button:focus, button:active {
  outline: none;
  border: 1px solid $interactive-color;
}
/**
* INPUTS
* ---------
* Base styling for non-atrocious inputs and textareas
*/

input, 
button,
textarea {
  width: auto;
  padding: 0.25rem 0.5rem;
  font-weight: $base-font-weight;
  border: 1px solid $butler-color;
  box-shadow: none;
  font-family: $interface-font-stack;
}

input[type=color] {
  padding: 0;
  width: 3rem;
  height: 3rem;
}

input:focus, input:active, 
textarea:focus, textarea:active, 
button:focus, button:active {
  outline: none;
  border: 1px solid $interactive-color;
}
Add styles for color input
Add styles for color input
