off-canvas.css in Drupal 10

Settings tray specific styles.

File

core/themes/olivero/css/components/off-canvas.css

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

/**
 * @file
 * Settings tray specific styles.
 */

/*
 * 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"] #drupal-off-canvas .form-type-boolean {
    margin-left: 0
}

[dir="rtl"] #drupal-off-canvas .form-type-boolean {
    margin-right: 0
}

#drupal-off-canvas .form-type-boolean {
    line-height: var(--line-height-s)
  }

#drupal-off-canvas .form-type-boolean input[type="checkbox"],
    #drupal-off-canvas .form-type-boolean input[type="radio"] {
      float: none;
      width: var(--sp0-75);
      height: var(--sp0-75);
      transform: none;
      vertical-align: middle;
    }

[dir="ltr"] #drupal-off-canvas .form-type-boolean .form-item__description {
      margin-left: 0
}

[dir="rtl"] #drupal-off-canvas .form-type-boolean .form-item__description {
      margin-right: 0
}

#drupal-off-canvas {

  /* Necessary for Safari. */
}

#drupal-off-canvas .olivero-details {
    border-top: solid 1px rgba(255, 255, 255, 0.25);
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
    box-shadow: none;
  }

#drupal-off-canvas .olivero-details__wrapper {
    padding: 1.25rem;
  }

#drupal-off-canvas {

  /* Necessary for Safari. */
}

#drupal-off-canvas .olivero-details__summary {
    display: block;
    list-style: initial
  }

#drupal-off-canvas .olivero-details__summary:focus {
      outline: solid 1px rgba(255, 255, 255, 0.25);
    }

#drupal-off-canvas .olivero-details__summary:before {
      content: none;
    }

#drupal-off-canvas .olivero-details__summary::-webkit-details-marker {
      display: inline-block;
    }

#drupal-off-canvas .olivero-details__summary {

    /* Necessary for IE11. */
  }

#drupal-off-canvas .olivero-details__summary .details-title:before {
      content: none;
    }

#drupal-off-canvas .olivero-details__summary {

    /* Necessary for Firefox. */
  }

@supports (list-style-type: disclosure-closed) {

#drupal-off-canvas .olivero-details__summary {
      display: list-item;
      list-style-position: inside;
      list-style-type: disclosure-closed
  }
    }

#drupal-off-canvas {

  /* Necessary for Firefox. */
}

@supports (list-style-type: disclosure-open) {

#drupal-off-canvas .olivero-details[open] .olivero-details__summary {
      list-style-type: disclosure-open
  }
    }

#drupal-off-canvas {

  /* Necessary for Safari. */
}

#drupal-off-canvas div {
    display: block;
    color: #ddd;
    font-size: 0.875rem;
  }