Updated to Drupal 8.5. Core Media not yet in use.

[yaffs-website] / web / core / profiles / demo_umami / themes / umami / css / components / forms / contact.css

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/forms/contact.css b/web/core/profiles/demo_umami/themes/umami/css/components/forms/contact.css
new file mode 100644 (file)
index 0000000..5ba7810
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/forms/contact.css
@@ -0,0 +1,46 @@
+/**
+ * @file
+ * This file is used to style the contact form.
+ */
+
+.contact-form {
+  margin: auto auto 1rem;
+  max-width: 600px;
+}
+
+@media screen and (min-width: 30rem) { /* 480px */
+  .contact-form {
+    margin-bottom: 2rem;
+  }
+}
+
+@media screen and (min-width: 60rem) { /* 960px */
+  .contact-form {
+    margin-bottom: 3rem;
+  }
+}
+.contact-form .form-item-copy {
+  margin-bottom: 0;
+}
+.contact-form .form-item-copy .form-checkbox {
+  margin: 0 5px 0 0;
+  min-width: auto;
+}
+.contact-form .form-actions {
+  display: block;
+}
+
+@media screen and (min-width: 30rem) { /* 480px */
+  .contact-form .form-actions {
+    display: inline-flex;
+  }
+}
+.contact-form .form-actions .button {
+  margin-left: 0;
+}
+
+@media screen and (min-width: 30rem) { /* 480px */
+  .contact-form .form-actions .button {
+    margin-left: 1em;
+  }
+}