dev: Allow to limit the size of inputs

Probesys · Nov 7, 2023 · da36f4d · da36f4d
1 parent c35caec
commit da36f4d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/assets/stylesheets/components/forms.css b/assets/stylesheets/components/forms.css
@@ -57,6 +57,22 @@ textarea[aria-invalid] {
     border-color: var(--color-error11);
 }
 
+.input--size1 {
+    width: 6rem;
+}
+
+.input--size2 {
+    width: 10rem;
+}
+
+.input--size3 {
+    width: 15rem;
+}
+
+.input--size4 {
+    width: 20rem;
+}
+
 /**
  * Accessible custom checkboxes and radio buttons.
  * @see https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes