fix: show form buttons correctly

RiskChallenger · May 14, 2024 · c99fda6 · c99fda6
1 parent b4b1263
commit c99fda6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/docs/src/usage/buttons.html b/docs/src/usage/buttons.html
@@ -36,6 +36,12 @@ <h2>Buttons</h2>
   <button class="material-icons discrete">close</button>
   <code></code>
 
+  Form button
+  <form>
+    <input type="button" value="Submit" />
+  </form>
+  <code></code>
+
   Button group
   <div class="button-group">
     <button class="outline">One</button>

diff --git a/src/components/buttons.css b/src/components/buttons.css
@@ -1,4 +1,4 @@
-:where(button, .button) {
+:where(button, .button, input[type="button"]) {
   --button-color: var(--brand);
 
   position: relative;

diff --git a/src/components/inputs.css b/src/components/inputs.css
@@ -1,4 +1,4 @@
-:where(input:not([type="range"])) {
+:where(input:not([type="range"]:not[type="button"])) {
   background-color: var(--surface-0);
   box-shadow: var(--shadow-2), 0 0 1px 1px var(--surface-3);
   padding-inline: var(--size-relative-3);