contact.css

Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/forms/contact.css
  2. 10 core/profiles/demo_umami/themes/umami/css/components/forms/contact.css
  3. 11.x core/profiles/demo_umami/themes/umami/css/components/forms/contact.css

This file is used to style the contact form.

File

core/profiles/demo_umami/themes/umami/css/components/forms/contact.css

View source 
  1. /**

  2.  * @file

  3.  * This file is used to style the contact form.

  4.  */

  5. 

  6. .contact-form {

  7.   max-width: 600px;

  8.   margin: auto auto 1rem;

  9.   padding: 0 1rem;

  10. }

  11. 

  12. @media screen and (min-width: 30rem) { /* 480px */

  13.   .contact-form {

  14.     margin-bottom: 2rem;

  15.   }

  16. }

  17. 

  18. @media screen and (min-width: 60rem) { /* 960px */

  19.   .contact-form {

  20.     margin-bottom: 3rem;

  21.   }

  22. }

  23. .contact-form .form-item-copy {

  24.   margin-bottom: 0;

  25. }

  26. .contact-form .form-item-copy .form-checkbox {

  27.   min-width: auto;

  28.   margin: 0 5px 0 0;

  29. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.