You are here

Home » API reference » Drupal 10

contact.css in Drupal 10

Same filename and directory in other branches
  1. 8 core/profiles/demo_umami/themes/umami/css/components/forms/contact.css
  2. 9 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. }

  10. 

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

  12.   .contact-form {

  13.     margin-bottom: 2rem;

  14.   }

  15. }

  16. 

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

  18.   .contact-form {

  19.     margin-bottom: 3rem;

  20.   }

  21. }

  22. .contact-form .form-item-copy {

  23.   margin-bottom: 0;

  24. }

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

  26.   min-width: auto;

  27.   margin: 0 5px 0 0;

  28. }