node-preview-container.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/node-preview-container.css
  2. 10 core/themes/olivero/css/components/node-preview-container.css

Node preview container styling.

File

core/themes/olivero/css/components/node-preview-container.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. * Node preview container styling.
  10. */
  11. .node-preview-container {
  12. padding-block: 0;
  13. padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  14. padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  15. background: var(--color--white);
  16. box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
  17. }
  18. [dir="rtl"] .node-preview-container {
  19. padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  20. padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  21. box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
  22. }
  23. .toolbar-vertical.toolbar-tray-open .node-preview-container {
  24. max-width: calc(100vw - var(--toolbar-tray-vertical-width) - var(--scrollbar-width));
  25. }
  26. .node-preview-form-select {
  27. display: flex;
  28. flex-wrap: wrap;
  29. align-items: center;
  30. }
  31. .node-preview-backlink {
  32. margin-block: var(--sp0-5);
  33. margin-inline-start: 0;
  34. margin-inline-end: auto;
  35. }

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