node-preview-container.pcss.css

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

Node preview container styling.

File

core/themes/olivero/css/components/node-preview-container.pcss.css

View source
  1. /**
  2. * @file
  3. * Node preview container styling.
  4. */
  5. @import "../base/media-queries.pcss.css";
  6. .node-preview-container {
  7. padding-block: 0;
  8. padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  9. padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  10. background: var(--color--white);
  11. box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
  12. }
  13. [dir="rtl"] .node-preview-container {
  14. padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  15. padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  16. box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
  17. }
  18. .toolbar-vertical.toolbar-tray-open .node-preview-container {
  19. max-width: calc(100vw - var(--toolbar-tray-vertical-width) - var(--scrollbar-width));
  20. }
  21. .node-preview-form-select {
  22. display: flex;
  23. flex-wrap: wrap;
  24. align-items: center;
  25. }
  26. .node-preview-backlink {
  27. margin-block: var(--sp0-5);
  28. margin-inline-start: 0;
  29. margin-inline-end: auto;
  30. }

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