Subscribe to newsletter form response #245 (#253)

* Pardot form block - callback response * Updated with placeholders Thank you & Error messages * Include honeypot pardot extra field
Netcentric · Nov 27, 2023 · addae98 · addae98
1 parent 310e004
commit addae98
Show file tree

Hide file tree

Showing 9 changed files with 527 additions and 11 deletions.
diff --git a/blocks/pardot-form/pardot-form.css b/blocks/pardot-form/pardot-form.css
@@ -0,0 +1,24 @@
+.pardot-form__floating-label-group {
+    margin-bottom: 35px;
+    margin-top: 35px;
+    position: relative;
+  }
+
+.pardot-form__floating-label {
+    left: var(--input-padding);
+    pointer-events: none;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    transition:
+      top var(--duration-small) var(--easing-standard),
+      left var(--duration-small) var(--easing-standard);
+  }
+
+.pardot-form__floating-label-group input:focus ~ .pardot-form__floating-label,
+.pardot-form__floating-label-group input:not(:placeholder-shown) ~ .pardot-form__floating-label,
+.pardot-form__floating-label-group input:not(:focus):valid ~ .pardot-form__floating-label {
+    bottom: 0;
+    left: 0;
+    top: 3px;
+  }