off-canvas.css
Same filename in this branch
Same filename and directory in other branches
Settings tray specific styles.
File
-
core/
themes/ olivero/ css/ components/ off-canvas.css
View source
- /*
- * 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.
- */
-
- [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: 1.125rem;
- }
-
- #drupal-off-canvas .form-type-boolean input[type="checkbox"],
- #drupal-off-canvas .form-type-boolean input[type="radio"] {
- float: none;
- width: 0.84375rem;
- height: 0.84375rem;
- 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;
- }
-
- /* 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;
- }
-
- /* Necessary for Safari. */
-
- #drupal-off-canvas .olivero-details__summary {
- display: block;
- list-style: disc outside none;
- 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;
- }
-
- /* Necessary for IE11. */
-
- #drupal-off-canvas .olivero-details__summary .details-title:before {
- content: none;
- }
-
- /* 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;
- }
- }
-
- /* Necessary for Firefox. */
-
- @supports (list-style-type: disclosure-open) {
-
- #drupal-off-canvas .olivero-details[open] .olivero-details__summary {
- list-style-type: disclosure-open;
- }
- }
-
- /* Necessary for Safari. */
-
- #drupal-off-canvas div {
- display: block;
- color: #ddd;
- font-size: 0.875rem;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.