content-moderation.css

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/css/components/forms/content-moderation.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/forms/content-moderation.css
  2. 9 core/themes/olivero/css/components/content-moderation.css
  3. 8.9.x core/profiles/demo_umami/themes/umami/css/components/forms/content-moderation.css
  4. 10 core/profiles/demo_umami/themes/umami/css/components/forms/content-moderation.css
  5. 10 core/themes/olivero/css/components/content-moderation.css

Styles for content moderation toolbar.

File

core/themes/olivero/css/components/content-moderation.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Styles for content moderation toolbar.
  10. */
  11. .entity-moderation-form {
  12. flex-direction: column;
  13. padding-inline-start: var(--sp);
  14. padding-inline-end: var(--sp);
  15. border: 1px solid var(--color--gray-95);
  16. background-color: var(--color--gray-100);
  17. }
  18. .entity-moderation-form select,
  19. .entity-moderation-form input:not([type="submit"]) {
  20. background-color: var(--color--white);
  21. }
  22. @media (min-width: 43.75rem) {
  23. .entity-moderation-form {
  24. flex-direction: row;
  25. }
  26. }
  27. .entity-moderation-form__item {
  28. flex-basis: 0;
  29. margin-inline-end: var(--sp);
  30. }
  31. .entity-moderation-form__item:last-child {
  32. align-self: flex-start;
  33. margin-inline-end: 0;
  34. }
  35. @media (min-width: 43.75rem) {
  36. .entity-moderation-form__item:last-child {
  37. align-self: flex-end;
  38. }
  39. }
  40. .layout--content-narrow .entity-moderation-form,
  41. .layout--pass--content-narrow > * .entity-moderation-form,
  42. .layout--content-medium .entity-moderation-form,
  43. .layout--pass--content-medium > * .entity-moderation-form {
  44. width: 100%;
  45. margin-inline-start: 0;
  46. }
  47. @supports (width: max-content) {
  48. .layout--content-narrow .entity-moderation-form,
  49. .layout--pass--content-narrow > * .entity-moderation-form,
  50. .layout--content-medium .entity-moderation-form,
  51. .layout--pass--content-medium > * .entity-moderation-form {
  52. width: max-content;
  53. }
  54. }
  55. @media (min-width: 43.75rem) {
  56. .layout--content-narrow .entity-moderation-form,
  57. .layout--pass--content-narrow > * .entity-moderation-form,
  58. .layout--content-medium .entity-moderation-form,
  59. .layout--pass--content-medium > * .entity-moderation-form {
  60. width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap));
  61. margin-block: var(--sp2) var(--sp4);
  62. margin-inline-start: calc(-2 * (var(--grid-col-width) + var(--grid-gap)));
  63. }
  64. }
  65. @media (min-width: 62.5rem) {
  66. .layout--content-narrow .entity-moderation-form,
  67. .layout--pass--content-narrow > * .entity-moderation-form,
  68. .layout--content-medium .entity-moderation-form,
  69. .layout--pass--content-medium > * .entity-moderation-form {
  70. width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
  71. margin-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
  72. }
  73. }
  74. @media (min-width: 90rem) {
  75. .layout--content-narrow .entity-moderation-form,
  76. .layout--pass--content-narrow > * .entity-moderation-form,
  77. .layout--content-medium .entity-moderation-form,
  78. .layout--pass--content-medium > * .entity-moderation-form {
  79. width: calc(10 * var(--grid-col-width) + 11 * var(--grid-gap));
  80. margin-inline-start: 0;
  81. }
  82. }

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