From d4dee13118f93d13a3f1872ca08c795b340d1e16 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 11 Mar 2021 22:50:23 +0000
Subject: [PATCH] Add custom base form styles

---
 .../opdavies/assets/css/base/forms.pcss       | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 web/themes/custom/opdavies/assets/css/base/forms.pcss

diff --git a/web/themes/custom/opdavies/assets/css/base/forms.pcss b/web/themes/custom/opdavies/assets/css/base/forms.pcss
new file mode 100644
index 0000000..07a3424
--- /dev/null
+++ b/web/themes/custom/opdavies/assets/css/base/forms.pcss
@@ -0,0 +1,42 @@
+@layer base {
+  form {
+    @apply space-y-5
+  }
+
+  [type='text'],
+  textarea {
+    @apply w-full
+  }
+
+  [type='text'],
+  [type='email'],
+  [type='url'],
+  [type='password'],
+  [type='number'],
+  [type='date'],
+  [type='datetime-local'],
+  [type='month'],
+  [type='search'],
+  [type='tel'],
+  [type='time'],
+  [type='week'],
+  [multiple],
+  select,
+  textarea {
+    @apply border-gray-400 rounded-lg
+  }
+
+  .form-item,
+  .form-wrapper {
+    @apply max-w-md
+  }
+
+  .js-form-type-email,
+  .js-form-type-password,
+  .js-form-type-textarea,
+  .js-form-type-textfield {
+    label {
+      @apply block
+    }
+  }
+}