layout-builder.css

Same filename in this branch
  1. 8.9.x core/themes/stable/css/layout_builder/layout-builder.css
  2. 8.9.x core/modules/layout_builder/css/layout-builder.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/layout_builder/layout-builder.css
  2. 9 core/themes/stable9/css/layout_builder/layout-builder.css
  3. 9 core/themes/stable/css/layout_builder/layout-builder.css
  4. 9 core/modules/layout_builder/css/layout-builder.css
  5. 10 core/profiles/demo_umami/themes/umami/css/components/layout_builder/layout-builder.css
  6. 10 core/themes/stable9/css/layout_builder/layout-builder.css
  7. 10 core/modules/layout_builder/css/layout-builder.css
  8. 11.x core/profiles/demo_umami/themes/umami/css/components/layout_builder/layout-builder.css
  9. 11.x core/themes/stable9/css/layout_builder/layout-builder.css
  10. 11.x core/modules/layout_builder/css/layout-builder.css
  11. 11.x core/modules/navigation/css/base/layout-builder.css
  12. 10 core/modules/navigation/css/base/layout-builder.css

This file is used to style the layout builder.

File

core/profiles/demo_umami/themes/umami/css/components/layout_builder/layout-builder.css

View source
  1. /**
  2. * @file
  3. * This file is used to style the layout builder.
  4. */
  5. .layout-builder__message--defaults .messages,
  6. .layout-builder__message--overrides .messages {
  7. background-image: none;
  8. }
  9. .layout-builder__message--defaults .messages__content {
  10. background-image: url("../../../../../../../misc/icons/73b355/globe.svg");
  11. }
  12. .layout-builder__message--overrides .messages__content {
  13. background-image: url("../../../../../../../misc/icons/73b355/location.svg");
  14. }
  15. .layout-builder-form,
  16. .layout-builder-discard-changes,
  17. .layout-builder-revert-overrides {
  18. margin-right: 1rem;
  19. margin-left: 1rem;
  20. }
  21. /* Large */
  22. @media screen and (min-width: 77rem) { /* 1200px + 2rem */
  23. .layout-builder-form,
  24. .layout-builder-discard-changes,
  25. .layout-builder-revert-overrides {
  26. margin-right: 0;
  27. margin-left: 0;
  28. }
  29. }

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