form.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/form.css
  2. 9 core/themes/olivero/css/components/form.css
  3. 9 core/themes/seven/css/components/form.css
  4. 9 core/themes/seven/css/classy/components/form.css
  5. 9 core/themes/claro/css/components/form.css
  6. 9 core/themes/bartik/css/components/form.css
  7. 9 core/themes/starterkit_theme/css/components/form.css
  8. 9 core/themes/classy/css/components/form.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/form.css
  2. 8.9.x core/themes/seven/css/components/form.css
  3. 8.9.x core/themes/seven/css/classy/components/form.css
  4. 8.9.x core/themes/claro/css/components/form.css
  5. 8.9.x core/themes/bartik/css/components/form.css
  6. 8.9.x core/themes/bartik/css/classy/components/form.css
  7. 8.9.x core/themes/classy/css/components/form.css
  8. 10 core/profiles/demo_umami/themes/umami/css/components/forms/form.css
  9. 10 core/misc/dialog/off-canvas/css/form.css
  10. 10 core/themes/olivero/css/components/form.css
  11. 10 core/themes/claro/css/components/form.css
  12. 10 core/themes/starterkit_theme/css/components/form.css
  13. 11.x core/profiles/demo_umami/themes/umami/css/components/forms/form.css
  14. 11.x core/misc/dialog/off-canvas/css/form.css
  15. 11.x core/themes/olivero/css/components/form.css
  16. 11.x core/themes/claro/css/components/form.css
  17. 11.x core/themes/starterkit_theme/css/components/form.css

Visual styles for form components.

File

core/themes/bartik/css/classy/components/form.css

View source
  1. /**
  2. * @file
  3. * Visual styles for form components.
  4. */
  5. form .field-multiple-table {
  6. margin: 0;
  7. }
  8. form .field-multiple-table .field-multiple-drag {
  9. width: 30px;
  10. padding-right: 0; /* LTR */
  11. }
  12. [dir="rtl"] form .field-multiple-table .field-multiple-drag {
  13. padding-left: 0;
  14. }
  15. form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  16. padding-right: 0.5em; /* LTR */
  17. }
  18. [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  19. padding-right: 0;
  20. padding-left: 0.5em;
  21. }
  22. form .field-add-more-submit {
  23. margin: 0.5em 0 0;
  24. }
  25. /**
  26. * Markup generated by Form API.
  27. */
  28. .form-item,
  29. .form-actions {
  30. margin-top: 1em;
  31. margin-bottom: 1em;
  32. }
  33. tr.odd .form-item,
  34. tr.even .form-item {
  35. margin-top: 0;
  36. margin-bottom: 0;
  37. }
  38. .form-composite > .fieldset-wrapper > .description,
  39. .form-item .description {
  40. font-size: 0.85em;
  41. }
  42. label.option {
  43. display: inline;
  44. font-weight: normal;
  45. }
  46. .form-composite > legend,
  47. .label {
  48. display: inline;
  49. margin: 0;
  50. padding: 0;
  51. font-size: inherit;
  52. font-weight: bold;
  53. }
  54. .form-checkboxes .form-item,
  55. .form-radios .form-item {
  56. margin-top: 0.4em;
  57. margin-bottom: 0.4em;
  58. }
  59. .form-type-radio .description,
  60. .form-type-checkbox .description {
  61. margin-left: 2.4em; /* LTR */
  62. }
  63. [dir="rtl"] .form-type-radio .description,
  64. [dir="rtl"] .form-type-checkbox .description {
  65. margin-right: 2.4em;
  66. margin-left: 0;
  67. }
  68. .marker {
  69. color: #e00;
  70. }
  71. .form-required:after {
  72. display: inline-block;
  73. width: 6px;
  74. height: 6px;
  75. margin: 0 0.3em;
  76. content: "";
  77. vertical-align: super;
  78. /* Use a background image to prevent screen readers from announcing the text. */
  79. background-image: url(../../../../../misc/icons/ee0000/required.svg);
  80. background-repeat: no-repeat;
  81. background-size: 6px 6px;
  82. }
  83. abbr.tabledrag-changed,
  84. abbr.ajax-changed {
  85. border-bottom: none;
  86. }
  87. .form-item input.error,
  88. .form-item textarea.error,
  89. .form-item select.error {
  90. border: 2px solid red;
  91. }
  92. /* Inline error messages. */
  93. .form-item--error-message:before {
  94. display: inline-block;
  95. width: 14px;
  96. height: 14px;
  97. content: "";
  98. vertical-align: sub;
  99. background: url(../../../../../misc/icons/e32700/error.svg) no-repeat;
  100. background-size: contain;
  101. }

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