v1.12

Author: andybrewer

README.md

@@ -6,12 +6,15 @@ Out of the box CSS styling for HTML elements. No class names, no framework to le
 
 Live demo: https://andybrewer.github.io/mvp/
 
-Unpkg: https://unpkg.com/mvp.css@1.11/mvp.css
+Unpkg: https://unpkg.com/mvp.css@1.12/mvp.css
 
 NPM: https://www.npmjs.com/package/mvp.css
 
 ## Versions
 
+### v1.12
+* Styled `<input type="submit">` element to be the same as `<button>`
+
 ### v1.11
 * Styled `<dialog>` element 
 

index.html

@@ -31,7 +31,7 @@ <h1>A <u>minimalist</u> stylesheet for HTML elements</h1>
                 download="mvp.css" href="./mvp.css" target="_blank"><b>Download MVP.css (9kb) &nearr;</b></a></p>
         <br><br>
         <p><sup>PRO TIP</sup> Add this code to a new HTML
-            file:<br><br><code>&lt;link rel="stylesheet" href="https://unpkg.com/mvp.css@1.11/mvp.css"&gt;</code></p>
+            file:<br><br><code>&lt;link rel="stylesheet" href="https://unpkg.com/mvp.css@1.12/mvp.css"&gt;</code></p>
     </header>
     <main>
         <hr>

mvp.css

@@ -1,4 +1,4 @@
-/* MVP.css v1.11 - https://github.com/andybrewer/mvp */
+/* MVP.css v1.12 - https://github.com/andybrewer/mvp */
 
 :root {
     --active-brightness: 0.85;
@@ -286,7 +286,8 @@ a b,
 a em,
 a i,
 a strong,
-button {
+button,
+input[type="submit"] {
     border-radius: var(--border-radius);
     display: inline-block;
     font-size: medium;
@@ -296,22 +297,26 @@ button {
     padding: 1rem 2rem;
 }
 
-button {
+button,
+input[type="submit"] {
     font-family: var(--font-family);
 }
 
-button:active {
+button:active,
+input[type="submit"]:active {
     filter: brightness(var(--active-brightness));
 }
 
-button:hover {
+button:hover,
+input[type="submit"]:hover {
     cursor: pointer;
     filter: brightness(var(--hover-brightness));
 }
 
 a b,
 a strong,
-button {
+button,
+input[type="submit"] {
     background-color: var(--color-link);
     border: 2px solid var(--color-link);
     color: var(--color-bg);
@@ -353,7 +358,8 @@ input:disabled {
     cursor: not-allowed;
 }
 
-button[disabled]:hover {
+button[disabled]:hover,
+input[type="submit"][disabled]:hover {
     filter: none;
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mvp.css",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "A minimalist stylesheet for HTML elements",
   "main": "mvp.css",
   "repository": {