form-items.css

Same filename in other branches
  1. 10 core/profiles/demo_umami/themes/umami/css/components/forms/form-items.css

Generic CSS for form items.

File

core/profiles/demo_umami/themes/umami/css/components/forms/form-items.css

View source
  1. /**
  2. * @file Generic CSS for form items.
  3. */
  4. .form-label {
  5. display: block;
  6. margin: 0.25rem 0;
  7. color: #464646;
  8. font-size: 1rem;
  9. font-weight: 700;
  10. }
  11. .form-text,
  12. .form-email {
  13. min-width: 100%;
  14. max-width: 100%;
  15. margin: 0.25rem 0;
  16. padding: 0.8rem 0.4rem;
  17. color: #000;
  18. border: 2px solid #767775;
  19. font-size: 1rem;
  20. }
  21. .form-text:focus,
  22. .form-email:focus {
  23. border: 2px solid #008068;
  24. }
  25. .form-text[type="checkbox"] {
  26. min-width: inherit;
  27. max-width: none;
  28. }
  29. .form-textarea {
  30. padding: 0.8rem 0.4rem;
  31. color: #000;
  32. border: 2px solid #767775;
  33. }
  34. .form-textarea:focus {
  35. border: 2px solid #008068;
  36. }
  37. .form-select {
  38. margin: 0.25rem 0;
  39. color: #000;
  40. border: 2px solid #767775;
  41. background: #fff;
  42. font-size: 1rem;
  43. }
  44. .form-select:focus {
  45. margin-bottom: 2px;
  46. border: 2px solid #00836d;
  47. }

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