www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/forms/contact.css

   1 /**
   2  * @file
   3  * This file is used to style the contact form.
   4  */
   5
   6 .contact-form {
   7   margin: auto auto 1rem;
   8   max-width: 600px;
   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   margin: 0 5px 0 0;
  27   min-width: auto;
  28 }
  29 .contact-form .form-actions {
  30   display: block;
  31 }
  32
  33 @media screen and (min-width: 30rem) { /* 480px */
  34   .contact-form .form-actions {
  35     display: inline-flex;
  36   }
  37 }
  38 .contact-form .form-actions .button {
  39   margin-left: 0;
  40 }
  41
  42 @media screen and (min-width: 30rem) { /* 480px */
  43   .contact-form .form-actions .button {
  44     margin-left: 1em;
  45   }
  46 }