Search form styling

2019-03-28 09:35:58 +00:00 · 2019-03-28 09:35:58 +00:00 · 20efc93406
commit 20efc93406
parent 619403d57f
2 changed files with 21 additions and 0 deletions
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/forms.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/forms.css
@ -0,0 +1,20 @@
+input[type=search] {
+  @apply border p-2;
+
+  &:focus {
+    @apply outline-none bg-gray-300
+  }
+
+  &::placeholder {
+    @apply text-black
+  }
+}
+
+input[type=submit] {
+  @apply bg-blue-600 py-2 px-4 rounded text-white block mt-2 text-sm font-bold;
+
+  &:hover,
+  &:focus {
+    @apply bg-blue-700
+  }
+}