Files - main - drupal
| Title | Deprecated | File name | Namespace | Summary |
|---|---|---|---|---|
| gin-color-overrides.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /* Color */ a, .link, button.link, .tabs__link.is-active, [open] .gin-details__summary--accordion, [open]… | ||
| gin-color-overrides.pcss.css | core/ |
/* Color */ a, .link, button.link, .tabs__link.is-active, [open] .gin-details__summary--accordion, [open] .gin-details__summary--accordion-item, [open] .gin-details__summary--vertical-tabs-item, .vertical-tabs__menu-item.is-selected… | ||
| gin-divider.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .divider { background-color: var(--gin-border-color); } | ||
| gin-divider.pcss.css | core/ |
.divider { background-color: var(--gin-border-color); } | ||
| gin-dropbutton.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .dropbutton-widget, html.js .dropbutton-widget { background-color: transparent; } /* Overlay the dropdown… | ||
| gin-dropbutton.pcss.css | core/ |
.dropbutton-widget, html.js .dropbutton-widget { background-color: transparent; } /* Overlay the dropdown button on top of the sticky header and main toolbar */ html.js { .dropbutton-wrapper.open { .dropbutton-widget { z-index: 502; /*… | ||
| gin-elements.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ hr { margin: var(--gin-spacing-xl) 0; } | ||
| gin-elements.pcss.css | core/ |
hr { margin: var(--gin-spacing-xl) 0; } | ||
| gin-extend.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .modules-table-filter { padding: 0; border: 0 none; box-shadow: none; } .package-listing { … | ||
| gin-extend.pcss.css | core/ |
.modules-table-filter { padding: 0; border: 0 none; box-shadow: none; } .package-listing { margin-block-start: var(--gin-spacing-m); } .gin-details__summary { padding-inline-start:… | ||
| gin-field-ui.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .draggable.field-plugin-settings-editing, .draggable.drag-previous.field-plugin-settings-editing { … | ||
| gin-field-ui.pcss.css | core/ |
.draggable.field-plugin-settings-editing, .draggable.drag-previous.field-plugin-settings-editing { background: var(--gin-bg-app); } .field-plugin-summary { color: var(--gin-color-text-light); font-size: var(--gin-font-size-xs); } /* Need to… | ||
| gin-focus.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .page-wrapper *:focus, .ui-dialog *:focus, .dropbutton .dropbutton__item > *:focus, .dropbutton… | ||
| gin-focus.pcss.css | core/ |
@import "media-queries.pcss.css"; .page-wrapper *:focus, .ui-dialog *:focus, .dropbutton .dropbutton__item > *:focus, .dropbutton .dropbutton__item > *:focus:hover, .dropbutton__items > .dropbutton__item:first-of-type >… | ||
| gin-form.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /* cspell:ignore Darkmode, tablesaw */ .form-element { box-sizing: border-box; min-height:… | ||
| gin-form.pcss.css | core/ |
/* cspell:ignore Darkmode, tablesaw */ .form-element { box-sizing: border-box; min-height: calc((var(--input-padding-vertical) * 2) + var(--input-line-height)); color: var(--gin-color-text); border: 1px solid… | ||
| gin-help.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .block-help-block { max-width: 64rem; margin: 0; margin-block-end: var(--gin-spacing-m); font-size:… | ||
| gin-help.pcss.css | core/ |
.block-help-block { max-width: 1024px; margin: 0; margin-block-end: var(--gin-spacing-m); font-size: var(--gin-font-size-s); p { /* @todo add this back after visual regression against Gin 5.x */ /* margin: 0; */ color:… | ||
| gin-icons.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /* cspell:ignore toleft, totop, tmgmt, webform */ :root { --admin-icon-add:… | ||
| gin-icons.pcss.css | core/ |
/* cspell:ignore toleft, totop, tmgmt, webform */ :root { --admin-icon-add: url("../../media/icons/general/add.svg"); --admin-icon-announcement: url("../../media/icons/navigation/announcement.svg"); --admin-icon-appearance:… | ||
| gin-image-preview.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .image-preview { img { background-color: var(--gin-pattern-fallback); background-image:… | ||
| gin-image-preview.pcss.css | core/ |
.image-preview { img { background-color: var(--gin-pattern-fallback); background-image: linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%),… | ||
| gin-insert.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ [data-drupal-selector="edit-fields-field-image-settings-edit-form-third-party-settings-insert"] { … | ||
| gin-insert.pcss.css | core/ |
[data-drupal-selector="edit-fields-field-image-settings-edit-form-third-party-settings-insert"] { .gin-layer-wrapper { margin-block-start: var(--gin-spacing-m); … | ||
| gin-layers.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /* cspell:ignore imageapi */ .page-content { margin-block-start: 0; > .help, > .region-content, … | ||
| gin-layers.pcss.css | core/ |
/* cspell:ignore imageapi */ @import "media-queries.pcss.css"; .page-content { margin-block-start: 0; > .help, > .region-content, > .region-highlighted { @media (--admin-small) { margin-block-start:… | ||
| gin-local-actions.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /** * Action link layout styles. */ .local-actions { margin-inline-end: calc(var(--gin-spacing-xxs) *… | ||
| gin-local-actions.pcss.css | core/ |
/** * Action link layout styles. */ .local-actions { margin-inline-end: calc(var(--gin-spacing-xxs) * -1); padding: 0; list-style: none; font-size: 0; /* Chrome fix. */ margin-block: var(--gin-spacing-s)… | ||
| gin-maxlength.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .form-item .counter { margin-block-start: var(--gin-spacing-xs); color: var(--gin-color-text); … | ||
| gin-maxlength.pcss.css | core/ |
.form-item .counter { margin-block-start: var(--gin-spacing-xs); color: var(--gin-color-text); font-size: var(--gin-font-size-xs); line-height: 1.3; } | ||
| gin-messages.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .messages { position: relative; margin-block-start: 0; padding: var(--gin-spacing-m); opacity: 1; … | ||
| gin-messages.pcss.css | core/ |
.messages { position: relative; margin-block-start: 0; padding: var(--gin-spacing-m); opacity: 1; border: 2px solid transparent; border-radius: var(--gin-border-l); .gin--dark-mode & { box-shadow: 0 6px 16px… | ||
| gin-pager.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .pager__link { color: var(--gin-color-text); background-color:… | ||
| gin-pager.pcss.css | core/ |
.pager__link { color: var(--gin-color-text); background-color: transparent; } .pager__link.is-active, .pager__item--current { color: var(--gin-bg-app); } .pager__link:hover, .pager__link.is-active:hover { color:… | ||
| gin-panel.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .block-system > .node-confirm-form, .block-system > .confirmation { padding-block-start:… | ||
| gin-panel.pcss.css | core/ |
.block-system > .node-confirm-form, .block-system > .confirmation { padding-block-start: var(--gin-spacing-l); } .panel__title, .system-status-general-info__header, .system-status-report__requirements-group >… | ||
| gin-performance.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .system-clear-cache #edit-clear { margin: 0; } | ||
| gin-performance.pcss.css | core/ |
.system-clear-cache #edit-clear { margin: 0; } | ||
| gin-permissions.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .permissions .module { font-weight: var(--gin-font-weight-bold); } | ||
| gin-permissions.pcss.css | core/ |
.permissions .module { font-weight: var(--gin-font-weight-bold); } | ||
| gin-progress.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .progress__bar { border-color: var(--gin-color-primary); background-color: var(--gin-color-primary); … | ||
| gin-progress.pcss.css | core/ |
.progress__bar { border-color: var(--gin-color-primary); background-color: var(--gin-color-primary); box-shadow: 0 0.125em 0.25em var(--gin-color-primary-light), 1.25em 0.9375em 2em var(--gin-color-primary-light); } .progress__track { … | ||
| gin-quotation.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ blockquote { position: relative; margin: var(--gin-spacing-m); padding-inline-start:… | ||
| gin-quotation.pcss.css | core/ |
blockquote { position: relative; margin: var(--gin-spacing-m); padding-inline-start: var(--gin-spacing-l); font-size: var(--gin-font-size-quote); &::before { position: absolute; display: block; width: 4px; height: 100%; … | ||
| gin-regions.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ .region-sticky { position: sticky; z-index: 101; display: flex; align-items: center; box-sizing:… | ||
| gin-regions.pcss.css | core/ |
@import "media-queries.pcss.css"; .region-sticky { position: sticky; z-index: 101; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: var(--gin-height-sticky); padding: 0; background:… | ||
| gin-status-report.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /* Unknown */ .upgrade-status-counter__status-icon--not-scanned::before, .upgrade-status-summary… | ||
| gin-status-report.pcss.css | core/ |
/* Unknown */ .upgrade-status-counter__status-icon--not-scanned::before, .upgrade-status-summary tr.not-scanned > td.status-info::before { background-color: var(--gin-color-text); background-image: none; mask-image: var(--admin-icon-info); … | ||
| gin-system-diff.css | core/ |
/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ table.diff { .diffchange { color: var(--gin-color-danger); } .diff-context { background-color:… | ||
| gin-system-diff.pcss.css | core/ |
table.diff { .diffchange { color: var(--gin-color-danger); } .diff-context { background-color: transparent; } td { height: initial; padding: var(--gin-spacing-xs); } tr { color: var(--gin-color-title); … |
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.