- Add styling for number input (#133)

- Update docs to show styling for more fields

style.css

@@ -422,6 +422,7 @@ input[type="checkbox"][disabled]:checked + label::after {
 input[type="text"],
 input[type="password"],
 input[type="email"],
+input[type="number"],
 select,
 textarea {
   padding: 3px 4px;
@@ -441,10 +442,15 @@ input[type="email"],
 select {
   height: 21px;
 }
+input[type="number"] {
+  /* need this 1 pixel to fit the spinner controls in box */
+  height: 22px;
+}
 
 input[type="text"],
 input[type="password"],
-input[type="email"] {
+input[type="email"],
+input[type="number"] {
   /* For some reason descenders are getting cut off without this */
   line-height: 2;
 }
@@ -452,6 +458,7 @@ input[type="email"] {
 input[type="email"]:disabled,
 input[type="password"]:disabled,
 input[type="text"]:disabled,
+input[type="number"]:disabled,
 textarea:disabled {
   background-color: var(--surface);
 }
@@ -472,6 +479,7 @@ select:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="email"]:focus,
+input[type="number"]:focus,
 textarea:focus {
   outline: none;
 }