node-preview-container.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/node-preview-container.css
  2. 11.x 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. [dir="ltr"] .node-preview-container {
  12. padding-left: 0.5625rem;
  13. }
  14. [dir="rtl"] .node-preview-container {
  15. padding-right: 0.5625rem;
  16. }
  17. [dir="ltr"] .node-preview-container {
  18. padding-right: 0.5625rem;
  19. }
  20. [dir="rtl"] .node-preview-container {
  21. padding-left: 0.5625rem;
  22. }
  23. .node-preview-container {
  24. padding-top: 0;
  25. padding-bottom: 0;
  26. background: #fff;
  27. box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
  28. }
  29. [dir="rtl"] .node-preview-container {
  30. box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
  31. }
  32. body.toolbar-vertical.toolbar-tray-open .node-preview-container {
  33. max-width: calc(100vw - 15.875rem);
  34. }
  35. .node-preview-form-select {
  36. display: flex;
  37. flex-wrap: wrap;
  38. align-items: center;
  39. }
  40. [dir="ltr"] .node-preview-backlink {
  41. margin-left: 0;
  42. }
  43. [dir="rtl"] .node-preview-backlink {
  44. margin-right: 0;
  45. }
  46. [dir="ltr"] .node-preview-backlink {
  47. margin-right: auto;
  48. }
  49. [dir="rtl"] .node-preview-backlink {
  50. margin-left: auto;
  51. }
  52. .node-preview-backlink {
  53. margin-top: 0.5625rem;
  54. margin-bottom: 0.5625rem;
  55. }

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