node-preview-container.css in Drupal 10

Node preview container styling.

File

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

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Node preview container styling.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

[dir="ltr"] .node-preview-container {
  padding-left: var(--sp0-5);
}

[dir="rtl"] .node-preview-container {
  padding-right: var(--sp0-5);
}

[dir="ltr"] .node-preview-container {
  padding-right: var(--sp0-5);
}

[dir="rtl"] .node-preview-container {
  padding-left: var(--sp0-5);
}

.node-preview-container {
  padding-top: 0;
  padding-bottom: 0;
  background: var(--color--white);
  box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
}

[dir="rtl"] .node-preview-container {
  box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
}

body.toolbar-vertical.toolbar-tray-open .node-preview-container {
  max-width: calc(100vw - var(--toolbar-tray-vertical-width) - var(--scrollbar-width));
}

.node-preview-form-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

[dir="ltr"] .node-preview-backlink {
  margin-left: 0;
}

[dir="rtl"] .node-preview-backlink {
  margin-right: 0;
}

[dir="ltr"] .node-preview-backlink {
  margin-right: auto;
}

[dir="rtl"] .node-preview-backlink {
  margin-left: auto;
}

.node-preview-backlink {
  margin-top: var(--sp0-5);
  margin-bottom: var(--sp0-5);
}