Merge pull request #240 from itsdeekay/resetButton

.changeset/nine-scissors-live.md

@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Added styling for Input type Reset

docs/index.html

@@ -231,6 +231,7 @@
       <label for="remember">Remember me</label>
 
       <input type="submit" value="Submit" />
+      <input type="reset" value="Reset" />
     </form>
 
     <h3 id="code">Code</h3>

src/parts/_forms.css

@@ -1,6 +1,7 @@
 button,
 select,
 input[type='submit'],
+input[type='reset'],
 input[type='button'],
 input[type='checkbox'],
 input[type='range'],
@@ -96,6 +97,7 @@ select[multiple] {
 
 button,
 input[type='submit'],
+input[type='reset'],
 input[type='button'] {
   padding-right: 30px;
   padding-left: 30px;
@@ -103,6 +105,7 @@ input[type='button'] {
 
 button:hover,
 input[type='submit']:hover,
+input[type='reset']:hover,
 input[type='button']:hover {
   background: var(--button-hover);
 }
@@ -117,6 +120,7 @@ textarea:focus {
 input[type='checkbox']:active,
 input[type='radio']:active,
 input[type='submit']:active,
+input[type='reset']:active,
 input[type='button']:active,
 input[type='range']:active,
 button:active {