From dd692fba6d04eaf5402b25b2bef31b1487b45f60 Mon Sep 17 00:00:00 2001 From: catch <catch@35733.no-reply.drupal.org> Date: Tue, 13 Sep 2022 11:31:51 +0100 Subject: [PATCH] Issue #3261163 by bnjmnm, Spokje, longwave, nod_: Update to PostCSS 8 --- core/misc/dialog/off-canvas/css/base.css | 4 +- core/misc/dialog/off-canvas/css/button.css | 12 +- core/misc/dialog/off-canvas/css/details.css | 10 +- .../misc/dialog/off-canvas/css/dropbutton.css | 62 +- core/misc/dialog/off-canvas/css/form.css | 48 +- core/misc/dialog/off-canvas/css/messages.css | 43 +- core/misc/dialog/off-canvas/css/reset.css | 2 +- core/misc/dialog/off-canvas/css/table.css | 12 +- core/misc/dialog/off-canvas/css/tabledrag.css | 30 +- core/misc/dialog/off-canvas/css/throbber.css | 14 +- core/misc/dialog/off-canvas/css/titlebar.css | 33 +- core/misc/dialog/off-canvas/css/utility.css | 16 +- core/misc/dialog/off-canvas/css/wrapper.css | 14 +- .../layout_builder/css/layout-builder.css | 10 +- .../modules/layout_builder/css/off-canvas.css | 46 +- .../workspaces/css/workspaces.off-canvas.css | 66 +- .../workspaces/css/workspaces.toolbar.css | 6 +- core/package.json | 12 +- core/themes/claro/css/base/print.css | 6 +- .../themes/claro/css/components/accordion.css | 2 +- .../claro/css/components/action-link.css | 18 + .../claro/css/components/breadcrumb.css | 8 +- core/themes/claro/css/components/button.css | 7 +- core/themes/claro/css/components/details.css | 8 +- .../claro/css/components/dropbutton.css | 27 +- .../claro/css/components/form--select.css | 4 +- .../css/components/system-admin--modules.css | 3 + .../themes/claro/css/components/tabledrag.css | 7 +- core/themes/claro/css/components/tables.css | 8 +- .../css/components/tablesort-indicator.css | 16 +- core/themes/claro/css/theme/install-page.css | 2 +- core/themes/claro/css/theme/media-library.css | 23 +- core/themes/olivero/css/base/base.css | 20 +- .../olivero/css/components/action-links.css | 20 +- .../css/components/ajax-progress.module.css | 2 +- .../autocomplete-loading.module.css | 4 +- core/themes/olivero/css/components/book.css | 18 +- .../olivero/css/components/breadcrumb.css | 82 +- core/themes/olivero/css/components/button.css | 37 +- .../olivero/css/components/cke-dialog.css | 2 +- .../olivero/css/components/comments.css | 37 +- .../css/components/content-moderation.css | 52 +- .../themes/olivero/css/components/details.css | 4 +- .../olivero/css/components/dropbutton.css | 29 +- .../olivero/css/components/embedded-media.css | 17 +- core/themes/olivero/css/components/feed.css | 8 +- core/themes/olivero/css/components/field.css | 4 +- .../olivero/css/components/fieldset.css | 6 +- core/themes/olivero/css/components/footer.css | 18 +- .../olivero/css/components/form-boolean.css | 30 +- .../olivero/css/components/form-select.css | 29 +- .../olivero/css/components/form-text.css | 38 +- core/themes/olivero/css/components/form.css | 8 +- .../css/components/header-buttons-mobile.css | 12 +- .../css/components/header-navigation.css | 65 +- .../css/components/header-search-narrow.css | 85 +- .../css/components/header-search-wide.css | 34 +- .../css/components/header-site-branding.css | 58 +- .../css/components/header-sticky-toggle.css | 24 +- core/themes/olivero/css/components/hero.css | 14 +- core/themes/olivero/css/components/links.css | 24 +- .../css/components/maintenance-page.css | 4 +- .../olivero/css/components/messages.css | 15 +- .../components/navigation/menu-sidebar.css | 25 +- .../navigation/nav-button-mobile.css | 44 +- .../navigation/nav-primary-button.css | 31 +- .../navigation/nav-primary-no-js.css | 26 +- .../navigation/nav-primary-wide.css | 33 +- .../css/components/navigation/nav-primary.css | 14 +- .../components/navigation/nav-secondary.css | 8 +- .../components/navigation/wide-nav-expand.css | 24 +- .../olivero/css/components/node-teaser.css | 58 +- core/themes/olivero/css/components/node.css | 14 +- core/themes/olivero/css/components/pager.css | 4 +- .../css/components/powered-by-block.css | 10 +- .../olivero/css/components/search-results.css | 36 +- .../olivero/css/components/site-header.css | 16 +- .../olivero/css/components/skip-link.css | 15 +- core/themes/olivero/css/components/table.css | 124 +- core/themes/olivero/css/components/tabs.css | 107 +- core/themes/olivero/css/components/tags.css | 4 +- .../olivero/css/components/text-content.css | 56 +- .../olivero/css/components/vertical-tabs.css | 16 +- .../olivero/css/components/wide-image.css | 34 +- core/themes/olivero/css/layout/grid.css | 10 +- .../layout/layout-builder-fourcol-section.css | 32 +- .../layout-builder-threecol-section.css | 14 +- .../layout/layout-builder-twocol-section.css | 46 +- .../css/layout/layout-content-medium.css | 14 +- .../css/layout/layout-content-narrow.css | 86 +- .../layout-discovery-section-layout.css | 6 +- .../olivero/css/layout/layout-footer.css | 10 +- .../olivero/css/layout/layout-sidebar.css | 12 +- .../olivero/css/layout/layout-views-grid.css | 2 +- core/themes/olivero/css/layout/layout.css | 16 +- .../css/layout/region-content-below.css | 22 +- .../olivero/css/layout/region-content.css | 6 +- .../css/layout/region-secondary-menu.css | 4 +- core/themes/olivero/css/layout/region.css | 6 +- core/themes/olivero/css/layout/social-bar.css | 54 +- core/themes/olivero/css/layout/views.css | 4 +- core/yarn.lock | 1041 ++++++----------- 102 files changed, 1525 insertions(+), 1938 deletions(-) diff --git a/core/misc/dialog/off-canvas/css/base.css b/core/misc/dialog/off-canvas/css/base.css index 0add3a17498e..17f50739ba61 100644 --- a/core/misc/dialog/off-canvas/css/base.css +++ b/core/misc/dialog/off-canvas/css/base.css @@ -29,7 +29,7 @@ padding: 0 var(--off-canvas-padding) var(--off-canvas-padding); color: var(--off-canvas-text-color); background-color: var(--off-canvas-background-color); - font-family: var(--off-canvas-font-family) + font-family: var(--off-canvas-font-family); } #drupal-off-canvas-wrapper *:focus { @@ -92,7 +92,7 @@ #drupal-off-canvas-wrapper .links { margin: 0; padding: 0; - list-style: none + list-style: none; } #drupal-off-canvas-wrapper .links li { diff --git a/core/misc/dialog/off-canvas/css/button.css b/core/misc/dialog/off-canvas/css/button.css index a9efd359a22a..4d694e5c4456 100644 --- a/core/misc/dialog/off-canvas/css/button.css +++ b/core/misc/dialog/off-canvas/css/button.css @@ -23,7 +23,7 @@ --off-canvas-primary-button-background-color: #277abd; --off-canvas-primary-button-background-color-hover: #236aaf; --off-canvas-primary-button-text-color: #fff; - --off-canvas-primary-button-text-color-hover: #fff + --off-canvas-primary-button-text-color-hover: #fff; } #drupal-off-canvas-wrapper .button { display: inline-block; @@ -43,7 +43,7 @@ font-weight: var(--off-canvas-button-font-weight); line-height: normal; -webkit-appearance: none; - appearance: none + appearance: none; } #drupal-off-canvas-wrapper .button:hover, #drupal-off-canvas-wrapper .button:active { @@ -64,7 +64,7 @@ #drupal-off-canvas-wrapper .button--primary { margin-top: 0.9375rem; color: var(--off-canvas-primary-button-text-color); - background: var(--off-canvas-primary-button-background-color) + background: var(--off-canvas-primary-button-background-color); } #drupal-off-canvas-wrapper .button--primary:hover, #drupal-off-canvas-wrapper .button--primary:active { @@ -77,7 +77,7 @@ color: var(--off-canvas-link-color); border: 0; background: transparent; - font-size: var(--off-canvas-button-font-size) + font-size: var(--off-canvas-button-font-size); } #drupal-off-canvas-wrapper button.link:hover, #drupal-off-canvas-wrapper button.link:focus { @@ -88,7 +88,7 @@ text-decoration: none; color: #c72100; border-radius: 0; - font-weight: 400 + font-weight: 400; } #drupal-off-canvas-wrapper .button--danger:hover, #drupal-off-canvas-wrapper .button--danger:focus, @@ -104,5 +104,5 @@ } .no-touchevents #drupal-off-canvas-wrapper .button--small { padding: 2px 1em; - font-size: 0.8125rem + font-size: 0.8125rem; } diff --git a/core/misc/dialog/off-canvas/css/details.css b/core/misc/dialog/off-canvas/css/details.css index 8f3b0d4d6edd..e5907b59bdad 100644 --- a/core/misc/dialog/off-canvas/css/details.css +++ b/core/misc/dialog/off-canvas/css/details.css @@ -23,7 +23,7 @@ --off-canvas-details-summary-background-color: #333; --off-canvas-details-summary-background-color-hover: #222; --off-canvas-details-summary-text-color: #eee; - --off-canvas-details-summary-text-color-hover: #fff + --off-canvas-details-summary-text-color-hover: #fff; } #drupal-off-canvas-wrapper details { @@ -31,10 +31,10 @@ padding: 0 var(--off-canvas-padding); color: var(--off-canvas-details-text-color); border: solid var(--off-canvas-details-border-color) var(--off-canvas-details-border-width); - background: var(--off-canvas-details-background-color) + background: var(--off-canvas-details-background-color); } -#drupal-off-canvas-wrapper details + details { +:is(#drupal-off-canvas-wrapper details) + details { margin-top: calc(-1 * var(--off-canvas-details-border-width)); } @@ -44,7 +44,7 @@ color: var(--off-canvas-details-summary-text-color); border: var(--off-canvas-details-summary-border); background-color: var(--off-canvas-details-summary-background-color); - font-size: var(--off-canvas-details-summary-font-size) + font-size: var(--off-canvas-details-summary-font-size); } #drupal-off-canvas-wrapper summary:hover { @@ -59,7 +59,7 @@ #drupal-off-canvas-wrapper summary { a { - color: var(--off-canvas-details-text-color) + color: var(--off-canvas-details-text-color); } a:hover { diff --git a/core/misc/dialog/off-canvas/css/dropbutton.css b/core/misc/dialog/off-canvas/css/dropbutton.css index 3669399b4659..8dc8985ded20 100644 --- a/core/misc/dialog/off-canvas/css/dropbutton.css +++ b/core/misc/dialog/off-canvas/css/dropbutton.css @@ -20,11 +20,11 @@ --off-canvas-dropbutton-focus-outline-color: var(--off-canvas-focus-outline-color); --off-canvas-dropbutton-font-size: 0.75rem; --off-canvas-dropbutton-text-color: var(--off-canvas-button-text-color); /* Minimum 4.5:1 contrast ratio against --off-canvas-dropbutton-primary-background-color and --off-canvas-dropbutton-secondary-background-color. */ - --off-canvas-dropbutton-text-color-hover: var(--off-canvas-button-text-color-hover) /* Minimum 4.5:1 contrast ratio against --off-canvas-dropbutton-primary-background-color and --off-canvas-dropbutton-secondary-background-color. */ + --off-canvas-dropbutton-text-color-hover: var(--off-canvas-button-text-color-hover); /* Minimum 4.5:1 contrast ratio against --off-canvas-dropbutton-primary-background-color and --off-canvas-dropbutton-secondary-background-color. */ } #drupal-off-canvas-wrapper .dropbutton-wrapper { margin-top: var(--off-canvas-vertical-spacing-unit); - margin-bottom: var(--off-canvas-vertical-spacing-unit) + margin-bottom: var(--off-canvas-vertical-spacing-unit); /* * Styles for when the dropbutton is expanded. @@ -32,7 +32,7 @@ } #drupal-off-canvas-wrapper .dropbutton-wrapper.open { position: relative; - z-index: 100 + z-index: 100; } #drupal-off-canvas-wrapper .dropbutton-wrapper.open .secondary-action { visibility: visible; @@ -43,21 +43,18 @@ #drupal-off-canvas-wrapper .dropbutton-wrapper.open .dropbutton-toggle button:before { transform: translateY(25%) rotate(225deg); } -#drupal-off-canvas-wrapper .dropbutton-wrapper { - - /* +/* * Styles for single link variant of dropbutton. */ - } [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton-wrapper.dropbutton-single .dropbutton-widget { - padding-right: 0 + padding-right: 0; } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-wrapper.dropbutton-single .dropbutton-widget { - padding-left: 0 + padding-left: 0; } #drupal-off-canvas-wrapper .dropbutton-wrapper.dropbutton-single .dropbutton-action:first-child { border-right: solid 1px var(--off-canvas-dropbutton-border-color); /* LTR */ - border-radius: var(--off-canvas-dropbutton-border-radius) + border-radius: var(--off-canvas-dropbutton-border-radius); } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-wrapper.dropbutton-single .dropbutton-action:first-child { border: solid 1px var(--off-canvas-dropbutton-border-color); @@ -66,10 +63,10 @@ justify-content: center; } [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton-widget { - padding-right: var(--off-canvas-dropbutton-height) + padding-right: var(--off-canvas-dropbutton-height); } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-widget { - padding-left: var(--off-canvas-dropbutton-height) + padding-left: var(--off-canvas-dropbutton-height); } #drupal-off-canvas-wrapper .dropbutton-widget { position: relative; @@ -79,16 +76,16 @@ border-radius: var(--off-canvas-dropbutton-border-radius); } [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton { - margin-left: 0 + margin-left: 0; } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton { - margin-right: 0 + margin-right: 0; } [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton { - padding-left: 0 + padding-left: 0; } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton { - padding-right: 0 + padding-right: 0; } #drupal-off-canvas-wrapper .dropbutton { height: var(--off-canvas-dropbutton-height); @@ -97,19 +94,16 @@ list-style: none; font-size: var(--off-canvas-dropbutton-font-size); } -#drupal-off-canvas-wrapper { - - /* This is the button that expands/collapses the secondary options. */ -} +/* This is the button that expands/collapses the secondary options. */ #drupal-off-canvas-wrapper .dropbutton-toggle { padding: 0; - border: 0 + border: 0; } [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton-toggle button { - right: 0 + right: 0; } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-toggle button { - left: 0 + left: 0; } #drupal-off-canvas-wrapper .dropbutton-toggle button { position: absolute; @@ -123,7 +117,7 @@ cursor: pointer; border-color: var(--off-canvas-dropbutton-border-color); border-radius: 0 var(--border-radius) var(--border-radius) 0; /* LTR */ - background: var(--off-canvas-dropbutton-primary-background-color) + background: var(--off-canvas-dropbutton-primary-background-color); } #drupal-off-canvas-wrapper .dropbutton-toggle button:focus { outline: solid 2px var(--off-canvas-dropbutton-focus-outline-color); @@ -141,20 +135,17 @@ [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-toggle button { border-radius: var(--off-canvas-dropbutton-border-radius) 0 0 var(--off-canvas-dropbutton-border-radius); } -#drupal-off-canvas-wrapper { - - /* This is the first <li> element in the list of actions. */ -} +/* This is the first <li> element in the list of actions. */ [dir="ltr"] #drupal-off-canvas-wrapper .dropbutton-action:first-child { - margin-right: 2px + margin-right: 2px; } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-action:first-child { - margin-left: 2px + margin-left: 2px; } #drupal-off-canvas-wrapper .dropbutton-action:first-child { border: solid var(--off-canvas-dropbutton-border-width) var(--off-canvas-dropbutton-border-color); border-radius: var(--off-canvas-dropbutton-border-radius) 0 0 var(--off-canvas-dropbutton-border-radius); /* LTR */ - background: var(--off-canvas-dropbutton-primary-background-color) + background: var(--off-canvas-dropbutton-primary-background-color); } [dir="rtl"] #drupal-off-canvas-wrapper .dropbutton-action:first-child { border: solid var(--off-canvas-dropbutton-border-width) var(--off-canvas-dropbutton-border-color); @@ -168,7 +159,7 @@ padding: 0 0.5625rem; text-decoration: none; color: var(--off-canvas-dropbutton-text-color); - font-weight: 600 + font-weight: 600; } #drupal-off-canvas-wrapper .dropbutton-action a:hover { color: var(--off-canvas-dropbutton-text-color); @@ -177,17 +168,14 @@ outline: solid 2px var(--off-canvas-dropbutton-focus-outline-color); outline-offset: -1px; /* Overlap parent container by 1px. */ } -#drupal-off-canvas-wrapper { - - /* These are the <li> elements other than the first. */ -} +/* These are the <li> elements other than the first. */ #drupal-off-canvas-wrapper .secondary-action { visibility: hidden; width: calc(100% + var(--off-canvas-dropbutton-height)); margin-top: var(--off-canvas-dropbutton-border-width); border-right: var(--off-canvas-dropbutton-border-width) solid var(--off-canvas-dropbutton-border-color); border-left: var(--off-canvas-dropbutton-border-width) solid var(--off-canvas-dropbutton-border-color); - background-color: var(--off-canvas-dropbutton-primary-background-color) + background-color: var(--off-canvas-dropbutton-primary-background-color); } #drupal-off-canvas-wrapper .secondary-action:last-child { border-bottom: var(--off-canvas-dropbutton-border-width) solid var(--off-canvas-dropbutton-border-color); diff --git a/core/misc/dialog/off-canvas/css/form.css b/core/misc/dialog/off-canvas/css/form.css index ea71b1268e38..978aed3edff0 100644 --- a/core/misc/dialog/off-canvas/css/form.css +++ b/core/misc/dialog/off-canvas/css/form.css @@ -21,12 +21,12 @@ --drupal-off-canvas-input-text-color: #333; --drupal-off-canvas-fieldset-background-color: transparent; --drupal-off-canvas-fieldset-border-width: 1px; - --drupal-off-canvas-fieldset-border-color: var(--off-canvas-border-color) + --drupal-off-canvas-fieldset-border-color: var(--off-canvas-border-color); } #drupal-off-canvas-wrapper form { padding-top: var(--off-canvas-padding); - padding-bottom: var(--off-canvas-padding) + padding-bottom: var(--off-canvas-padding); } #drupal-off-canvas-wrapper form > *:first-child { @@ -78,10 +78,7 @@ font-weight: bold; } -#drupal-off-canvas-wrapper { - - /* Bartik uses the .field-multiple-table CSS class on its tabledrag tables. */ -} +/* Bartik uses the .field-multiple-table CSS class on its tabledrag tables. */ #drupal-off-canvas-wrapper :is(.fieldset, fieldset, .draggable-table, .field-multiple-table) input:where(:not([type="submit"], [type="checkbox"], [type="radio"])) { width: 100%; /* Prevent text fields from breaking out of tables and fieldsets at narrow widths. */ @@ -102,7 +99,7 @@ font-size: var(--drupal-off-canvas-input-font-size); } -#drupal-off-canvas-wrapper input[type="checkbox"] + label, #drupal-off-canvas-wrapper input[type="radio"] + label { +:is(#drupal-off-canvas-wrapper input[type="checkbox"]) + label, :is(#drupal-off-canvas-wrapper input[type="radio"]) + label { display: inline; } @@ -116,11 +113,11 @@ } [dir="ltr"] #drupal-off-canvas-wrapper select { - padding-right: 1.25rem + padding-right: 1.25rem; } [dir="rtl"] #drupal-off-canvas-wrapper select { - padding-left: 1.25rem + padding-left: 1.25rem; } #drupal-off-canvas-wrapper select { @@ -131,7 +128,7 @@ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right 5px; /* LTR */ - background-size: 0.75rem + background-size: 0.75rem; } [dir="rtl"] #drupal-off-canvas-wrapper select { @@ -141,39 +138,36 @@ @media (forced-colors: active) { [dir="ltr"] #drupal-off-canvas-wrapper select { - padding-right: 0 + padding-right: 0; } [dir="rtl"] #drupal-off-canvas-wrapper select { - padding-left: 0 + padding-left: 0; } #drupal-off-canvas-wrapper select { -webkit-appearance: revert; appearance: revert; - background: revert + background: revert; } } -#drupal-off-canvas-wrapper { - - /* +/* * Autocomplete. */ -} [dir="ltr"] #drupal-off-canvas-wrapper .form-autocomplete { - padding-right: 2.5rem + padding-right: 2.5rem; } [dir="rtl"] #drupal-off-canvas-wrapper .form-autocomplete { - padding-left: 2.5rem + padding-left: 2.5rem; } #drupal-off-canvas-wrapper .form-autocomplete { /* Room for icon. */ background-image: url("data:image/svg+xml,%3csvg width='40' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1C3.46.827-.188 5.787 1.313 10.068c1.176 4.384 6.993 6.417 10.637 3.7.326-.39.565.276.846.442l3.74 3.739 1.413-1.414-4.35-4.35c2.811-3.468 1.15-9.247-3.062-10.71A7.003 7.003 0 008 1zm0 2c3.242-.123 5.849 3.42 4.777 6.477-.842 3.132-4.994 4.58-7.6 2.65-2.745-1.73-2.9-6.125-.285-8.044A5.006 5.006 0 018 3z' fill='%23868686'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: center right 1px /* LTR */ + background-position: center right 1px; /* LTR */ } #drupal-off-canvas-wrapper .form-autocomplete.ui-autocomplete-loading { @@ -184,10 +178,7 @@ background-position: center left 1px; } -#drupal-off-canvas-wrapper { - - /* This is the background <ul> for the autocomplete dropdown. */ -} +/* This is the background <ul> for the autocomplete dropdown. */ #drupal-off-canvas-wrapper .ui-autocomplete { margin: 0; @@ -195,7 +186,7 @@ list-style: none; border: var(--drupal-off-canvas-input-border); background-color: var(--drupal-off-canvas-input-background-color); - box-shadow: 0 1px 1px 0 var(--off-canvas-background-color) /* Ensure edge is visible if appearing over another form element. */ + box-shadow: 0 1px 1px 0 var(--off-canvas-background-color); /* Ensure edge is visible if appearing over another form element. */ } #drupal-off-canvas-wrapper .ui-autocomplete a { @@ -203,7 +194,7 @@ padding: var(--drupal-off-canvas-input-padding); cursor: pointer; color: var(--drupal-off-canvas-input-text-color); - font-size: var(--drupal-off-canvas-input-font-size) + font-size: var(--drupal-off-canvas-input-font-size); } #drupal-off-canvas-wrapper .ui-autocomplete a:hover { @@ -216,13 +207,10 @@ outline-offset: -2px; } -#drupal-off-canvas-wrapper { - - /* +/* * Claro injects a "Loading" autocomplete message that affects the positioning * of the ui-autocomplete dropdown. We remove this to normalize the markup. */ -} #drupal-off-canvas-wrapper .claro-autocomplete__message { display: none; diff --git a/core/misc/dialog/off-canvas/css/messages.css b/core/misc/dialog/off-canvas/css/messages.css index 6d644aa33d11..4ca824827606 100644 --- a/core/misc/dialog/off-canvas/css/messages.css +++ b/core/misc/dialog/off-canvas/css/messages.css @@ -20,15 +20,15 @@ --off-canvas-messages-text-color-error: #a51b00; --off-canvas-messages-icon-status: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2373b355'%3e%3cpath d='M6.464 13.676c-.194.194-.513.194-.707 0l-4.96-4.955c-.194-.193-.194-.513 0-.707l1.405-1.407c.194-.195.512-.195.707 0l2.849 2.848c.194.193.513.193.707 0l6.629-6.626c.195-.194.514-.194.707 0l1.404 1.404c.193.194.193.513 0 .707l-8.741 8.736z'/%3e%3c/svg%3e"); --off-canvas-messages-icon-warning: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e29700'%3e%3cpath d='M14.66 12.316l-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002v-5zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.239z'/%3e%3c/svg%3e"); - --off-canvas-messages-icon-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e32700'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e") + --off-canvas-messages-icon-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e32700'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } [dir="ltr"] #drupal-off-canvas-wrapper .messages { - padding-left: calc(2 * var(--off-canvas-messages-icon-size)) + padding-left: calc(2 * var(--off-canvas-messages-icon-size)); } [dir="rtl"] #drupal-off-canvas-wrapper .messages { - padding-right: calc(2 * var(--off-canvas-messages-icon-size)) + padding-right: calc(2 * var(--off-canvas-messages-icon-size)); } #drupal-off-canvas-wrapper .messages { @@ -36,17 +36,17 @@ margin-top: calc(2 * var(--off-canvas-vertical-spacing-unit)); padding: calc(2 * var(--off-canvas-vertical-spacing-unit)); /* Room for icon. */ border: solid 1px transparent; - background-color: var(--off-canvas-messages-background-color) + background-color: var(--off-canvas-messages-background-color); /* Icon. */ } [dir="ltr"] #drupal-off-canvas-wrapper .messages:before { - left: 0.625rem + left: 0.625rem; } [dir="rtl"] #drupal-off-canvas-wrapper .messages:before { - right: 0.625rem + right: 0.625rem; } #drupal-off-canvas-wrapper .messages:before { @@ -58,7 +58,7 @@ content: ""; transform: translateY(-50%); background-repeat: no-repeat; - background-size: contain + background-size: contain; } @media (forced-colors: active) { @@ -68,7 +68,7 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; - mask-size: contain + mask-size: contain; } } @@ -76,13 +76,10 @@ margin-top: 0; } -#drupal-off-canvas-wrapper { - - /* +/* * Some themes (Olivero) insert SVG icon. We use a background icon, so we * need to remove this. */ -} #drupal-off-canvas-wrapper .messages__icon, #drupal-off-canvas-wrapper .messages__close { @@ -90,11 +87,11 @@ } [dir="ltr"] #drupal-off-canvas-wrapper .messages__list { - padding-left: 1.25rem + padding-left: 1.25rem; } [dir="rtl"] #drupal-off-canvas-wrapper .messages__list { - padding-right: 1.25rem + padding-right: 1.25rem; } #drupal-off-canvas-wrapper .messages__list { @@ -106,11 +103,11 @@ } #drupal-off-canvas-wrapper .messages--status { - color: var(--off-canvas-messages-text-color-status) + color: var(--off-canvas-messages-text-color-status); } #drupal-off-canvas-wrapper .messages--status:before { - background-image: var(--off-canvas-messages-icon-status) + background-image: var(--off-canvas-messages-icon-status); } @media (forced-colors: active) { @@ -118,16 +115,16 @@ #drupal-off-canvas-wrapper .messages--status:before { background: canvastext; -webkit-mask-image: var(--off-canvas-messages-icon-status); - mask-image: var(--off-canvas-messages-icon-status) + mask-image: var(--off-canvas-messages-icon-status); } } #drupal-off-canvas-wrapper .messages--warning { - color: var(--off-canvas-messages-text-color-warning) + color: var(--off-canvas-messages-text-color-warning); } #drupal-off-canvas-wrapper .messages--warning:before { - background-image: var(--off-canvas-messages-icon-warning) + background-image: var(--off-canvas-messages-icon-warning); } @media (forced-colors: active) { @@ -135,16 +132,16 @@ #drupal-off-canvas-wrapper .messages--warning:before { background: canvastext; -webkit-mask-image: var(--off-canvas-messages-icon-warning); - mask-image: var(--off-canvas-messages-icon-warning) + mask-image: var(--off-canvas-messages-icon-warning); } } #drupal-off-canvas-wrapper .messages--error { - color: var(--off-canvas-messages-text-color-error) + color: var(--off-canvas-messages-text-color-error); } #drupal-off-canvas-wrapper .messages--error:before { - background-image: var(--off-canvas-messages-icon-error) + background-image: var(--off-canvas-messages-icon-error); } @media (forced-colors: active) { @@ -152,6 +149,6 @@ #drupal-off-canvas-wrapper .messages--error:before { background: canvastext; -webkit-mask-image: var(--off-canvas-messages-icon-error); - mask-image: var(--off-canvas-messages-icon-error) + mask-image: var(--off-canvas-messages-icon-error); } } diff --git a/core/misc/dialog/off-canvas/css/reset.css b/core/misc/dialog/off-canvas/css/reset.css index 020370031888..46866c7307ca 100644 --- a/core/misc/dialog/off-canvas/css/reset.css +++ b/core/misc/dialog/off-canvas/css/reset.css @@ -16,7 +16,7 @@ all: revert; box-sizing: border-box; -webkit-font-smoothing: antialiased; - line-height: 1.4 + line-height: 1.4; } #drupal-off-canvas-wrapper *:where(:not(svg, svg *, .ck-reset *, [data-drupal-ck-style-fence] *, .ui-resizable-handle)):after, diff --git a/core/misc/dialog/off-canvas/css/table.css b/core/misc/dialog/off-canvas/css/table.css index a0136052854f..eb20a081bc6a 100644 --- a/core/misc/dialog/off-canvas/css/table.css +++ b/core/misc/dialog/off-canvas/css/table.css @@ -14,7 +14,7 @@ #drupal-off-canvas-wrapper { --off-canvas-table-cell-padding: 2px; - --off-canvas-first-cell-padding-start: calc(var(--off-canvas-padding) / 2) + --off-canvas-first-cell-padding-start: calc(var(--off-canvas-padding) / 2); } #drupal-off-canvas-wrapper table { @@ -28,26 +28,26 @@ [dir="ltr"] #drupal-off-canvas-wrapper td,[dir="ltr"] #drupal-off-canvas-wrapper th { - text-align: left + text-align: left; } [dir="rtl"] #drupal-off-canvas-wrapper td,[dir="rtl"] #drupal-off-canvas-wrapper th { - text-align: right + text-align: right; } #drupal-off-canvas-wrapper td, #drupal-off-canvas-wrapper th { padding: var(--off-canvas-table-cell-padding); - vertical-align: middle + vertical-align: middle; } [dir="ltr"] #drupal-off-canvas-wrapper td:first-child,[dir="ltr"] #drupal-off-canvas-wrapper th:first-child { - padding-left: var(--off-canvas-first-cell-padding-start) + padding-left: var(--off-canvas-first-cell-padding-start); } [dir="rtl"] #drupal-off-canvas-wrapper td:first-child,[dir="rtl"] #drupal-off-canvas-wrapper th:first-child { - padding-right: var(--off-canvas-first-cell-padding-start) + padding-right: var(--off-canvas-first-cell-padding-start); } #drupal-off-canvas-wrapper td:not(:last-child) td, #drupal-off-canvas-wrapper th:not(:last-child) td { diff --git a/core/misc/dialog/off-canvas/css/tabledrag.css b/core/misc/dialog/off-canvas/css/tabledrag.css index 33b236e29156..f1689205241d 100644 --- a/core/misc/dialog/off-canvas/css/tabledrag.css +++ b/core/misc/dialog/off-canvas/css/tabledrag.css @@ -14,19 +14,14 @@ * @internal */ -#drupal-off-canvas-wrapper { - /* The draggable <tr> element. */ -} +/* The draggable <tr> element. */ #drupal-off-canvas-wrapper .draggable:hover, #drupal-off-canvas-wrapper .draggable:focus-within { background-color: var(--off-canvas-background-color-light); } -#drupal-off-canvas-wrapper .draggable { - - /* Appears when the row is being dragged. */ - } +/* Appears when the row is being dragged. */ #drupal-off-canvas-wrapper .draggable.drag { cursor: move; @@ -34,7 +29,7 @@ } #drupal-off-canvas-wrapper td { - transition: background-color 0.3s ease + transition: background-color 0.3s ease; /* We have to horizontally align all descendent nodes including text nodes * that do not have wrapper elements. Since we use flex to do this, we need @@ -46,7 +41,7 @@ display: flex; align-items: center; min-height: 3.125rem; - grid-gap: var(--off-canvas-table-cell-padding); + gap: var(--off-canvas-table-cell-padding); } [dir="ltr"] #drupal-off-canvas-wrapper td abbr { @@ -64,7 +59,7 @@ } #drupal-off-canvas-wrapper .tabledrag-handle { - flex-shrink: 0 + flex-shrink: 0; } #drupal-off-canvas-wrapper .tabledrag-handle:after { @@ -78,7 +73,7 @@ background-color: transparent; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23bebebe' d='M14.904 7.753l-2.373-2.372c-.291-.292-.529-.193-.529.22v1.399h-3v-3h1.398c.414 0 .512-.239.221-.53l-2.371-2.372c-.137-.136-.36-.136-.497 0l-2.372 2.372c-.292.292-.193.53.22.53h1.399v3h-3v-1.369c0-.413-.239-.511-.53-.22l-2.372 2.372c-.136.136-.136.359 0 .494l2.372 2.372c.291.292.53.192.53-.219v-1.43h3v3h-1.4c-.413 0-.511.238-.22.529l2.374 2.373c.137.137.36.137.495 0l2.373-2.373c.29-.291.19-.529-.222-.529h-1.398v-3h3v1.4c0 .412.238.511.529.219l2.373-2.371c.137-.137.137-.359 0-.495z'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: center + background-position: center; } @media (forced-colors: active) { @@ -90,14 +85,11 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; - mask-position: center + mask-position: center; } } -#drupal-off-canvas-wrapper { - - /* Make the "row weight" <select> as small as possible. */ -} +/* Make the "row weight" <select> as small as possible. */ #drupal-off-canvas-wrapper .tabledrag-hide select { all: revert; @@ -125,15 +117,15 @@ } .touchevents #drupal-off-canvas-wrapper .draggable td { - padding: 0 0.625rem + padding: 0 0.625rem; } .touchevents #drupal-off-canvas-wrapper .draggable .menu-item__link { display: inline-block; - padding: 0.625rem 0 + padding: 0.625rem 0; } .touchevents #drupal-off-canvas-wrapper a.tabledrag-handle { width: 2.5rem; - height: 2.75rem + height: 2.75rem; } diff --git a/core/misc/dialog/off-canvas/css/throbber.css b/core/misc/dialog/off-canvas/css/throbber.css index b85cf90457b4..1f0c9012c4ff 100644 --- a/core/misc/dialog/off-canvas/css/throbber.css +++ b/core/misc/dialog/off-canvas/css/throbber.css @@ -23,34 +23,34 @@ vertical-align: middle; border: 2px solid var(--off-canvas-text-color); border-top-color: transparent; - border-radius: 50% + border-radius: 50%; } @media (forced-colors: active) { #drupal-off-canvas-wrapper .ajax-progress, #drupal-off-canvas-wrapper .ajax-progress-throbber { - border-top-color: transparent + border-top-color: transparent; } } [dir="ltr"] #drupal-off-canvas-wrapper .layout-selection .ajax-progress,[dir="ltr"] - #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber,[dir="ltr"] #drupal-off-canvas-wrapper .inline-block-list .ajax-progress,[dir="ltr"] + #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber,[dir="ltr"] #drupal-off-canvas-wrapper .inline-block-list .ajax-progress-throbber { - right: 0 + right: 0; } [dir="rtl"] #drupal-off-canvas-wrapper .layout-selection .ajax-progress,[dir="rtl"] - #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber,[dir="rtl"] #drupal-off-canvas-wrapper .inline-block-list .ajax-progress,[dir="rtl"] + #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber,[dir="rtl"] #drupal-off-canvas-wrapper .inline-block-list .ajax-progress-throbber { - left: 0 + left: 0; } #drupal-off-canvas-wrapper .layout-selection .ajax-progress, - #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber, #drupal-off-canvas-wrapper .inline-block-list .ajax-progress, + #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber, #drupal-off-canvas-wrapper .inline-block-list .ajax-progress-throbber { position: absolute; top: 0; diff --git a/core/misc/dialog/off-canvas/css/titlebar.css b/core/misc/dialog/off-canvas/css/titlebar.css index ca69df279b82..9b0d1701a406 100644 --- a/core/misc/dialog/off-canvas/css/titlebar.css +++ b/core/misc/dialog/off-canvas/css/titlebar.css @@ -16,7 +16,7 @@ --off-canvas-title-padding: calc(3 * var(--off-canvas-vertical-spacing-unit)); --off-canvas-title-background-color: #2d2d2d; --off-canvas-title-text-color: #fff; - --off-canvas-title-font-size: 1rem + --off-canvas-title-font-size: 1rem; } #drupal-off-canvas-wrapper .ui-dialog-titlebar { @@ -27,17 +27,17 @@ background-color: var(--off-canvas-title-background-color); font-family: var(--off-canvas-title-font-family); font-size: var(--off-canvas-title-font-size); - font-weight: bold + font-weight: bold; /* The pencil icon. */ } [dir="ltr"] #drupal-off-canvas-wrapper .ui-dialog-titlebar:before { - left: 1em + left: 1em; } [dir="rtl"] #drupal-off-canvas-wrapper .ui-dialog-titlebar:before { - right: 1em + right: 1em; } #drupal-off-canvas-wrapper .ui-dialog-titlebar:before { @@ -55,29 +55,26 @@ -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; - mask-position: center + mask-position: center; } @media (forced-colors: active) { #drupal-off-canvas-wrapper .ui-dialog-titlebar:before { - background-color: canvastext + background-color: canvastext; } } -#drupal-off-canvas-wrapper { - - /* Close button. */ -} +/* Close button. */ [dir="ltr"] #drupal-off-canvas-wrapper .ui-dialog-titlebar-close { left: auto; - right: 0.625rem + right: 0.625rem; } [dir="rtl"] #drupal-off-canvas-wrapper .ui-dialog-titlebar-close { right: auto; - left: 0.625rem + left: 0.625rem; } #drupal-off-canvas-wrapper .ui-dialog-titlebar-close { @@ -93,7 +90,7 @@ border: 1px solid transparent; background-color: transparent; -webkit-appearance: none; - appearance: none + appearance: none; } #drupal-off-canvas-wrapper .ui-dialog-titlebar-close:focus { @@ -101,10 +98,7 @@ outline-offset: 2px; } -#drupal-off-canvas-wrapper .ui-dialog-titlebar-close { - - /* The plus icon. */ - } +/* The plus icon. */ #drupal-off-canvas-wrapper .ui-dialog-titlebar-close:before, #drupal-off-canvas-wrapper .ui-dialog-titlebar-close:after { @@ -125,10 +119,7 @@ transform: translate(-50%, 50%) rotate(45deg); } -#drupal-off-canvas-wrapper .ui-dialog-titlebar-close { - - /* Hide the default jQuery UI dialog close button. */ - } +/* Hide the default jQuery UI dialog close button. */ #drupal-off-canvas-wrapper .ui-dialog-titlebar-close .ui-icon { display: none; diff --git a/core/misc/dialog/off-canvas/css/utility.css b/core/misc/dialog/off-canvas/css/utility.css index 9e76d3bf9868..be6fd30f8a55 100644 --- a/core/misc/dialog/off-canvas/css/utility.css +++ b/core/misc/dialog/off-canvas/css/utility.css @@ -18,21 +18,27 @@ #drupal-off-canvas-wrapper .visually-hidden { position: absolute !important; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); width: 1px !important; height: 1px !important; - word-wrap: normal + } + +#drupal-off-canvas-wrapper .visually-hidden { + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + word-wrap: normal; } #drupal-off-canvas-wrapper .visually-hidden.focusable:is(:active, :focus) { position: static !important; - overflow: visible; - clip: auto; width: auto !important; height: auto !important; } +#drupal-off-canvas-wrapper .visually-hidden.focusable:is(:active, :focus) { + overflow: visible; + clip: auto; + } + #drupal-off-canvas-wrapper .invisible { visibility: hidden; } diff --git a/core/misc/dialog/off-canvas/css/wrapper.css b/core/misc/dialog/off-canvas/css/wrapper.css index 80c0097af87b..f4bc192cf06a 100644 --- a/core/misc/dialog/off-canvas/css/wrapper.css +++ b/core/misc/dialog/off-canvas/css/wrapper.css @@ -11,10 +11,10 @@ * @internal */ [dir="ltr"] #drupal-off-canvas-wrapper { - border-left: solid var(--off-canvas-wrapper-border-width) var(--off-canvas-wrapper-border-color) + border-left: solid var(--off-canvas-wrapper-border-width) var(--off-canvas-wrapper-border-color); } [dir="rtl"] #drupal-off-canvas-wrapper { - border-right: solid var(--off-canvas-wrapper-border-width) var(--off-canvas-wrapper-border-color) + border-right: solid var(--off-canvas-wrapper-border-width) var(--off-canvas-wrapper-border-color); } #drupal-off-canvas-wrapper { --off-canvas-wrapper-box-shadow: 0 0 0.25rem 2px rgba(0, 0, 0, 0.3); @@ -25,7 +25,7 @@ overflow: auto; box-sizing: border-box; height: 100%; - box-shadow: var(--off-canvas-wrapper-box-shadow) + box-shadow: var(--off-canvas-wrapper-box-shadow); /* * Force the off-canvas dialog to be 100% width at the same breakpoint the @@ -34,21 +34,21 @@ } @media (max-width: 48rem) { #drupal-off-canvas-wrapper { - width: 100% !important + width: 100% !important; } } /* When off-canvas dialog is at 100% width stop the body from scrolling */ @media (max-width: 48rem) { body.js-off-canvas-dialog-open { - position: fixed + position: fixed; } } /* This is a page level content wrapper that shrinks when off-canvas is open. */ .dialog-off-canvas-main-canvas { - transition: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s ease + transition: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s ease; } @media (prefers-reduced-motion: reduce) { .dialog-off-canvas-main-canvas { - transition: none + transition: none; } } diff --git a/core/modules/layout_builder/css/layout-builder.css b/core/modules/layout_builder/css/layout-builder.css index 659e57ec7f53..0bed71764e3b 100644 --- a/core/modules/layout_builder/css/layout-builder.css +++ b/core/modules/layout_builder/css/layout-builder.css @@ -36,7 +36,7 @@ .layout-builder__link--add { color: #686868; border-bottom: none; - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath fill='%23787878' d='M0.656,9.023c0,0.274,0.224,0.5,0.499,0.5l4.853,0.001c0.274-0.001,0.501,0.226,0.5,0.5l0.001,4.853 c-0.001,0.273,0.227,0.5,0.501,0.5l1.995-0.009c0.273-0.003,0.497-0.229,0.5-0.503l0.002-4.806c0-0.272,0.228-0.5,0.499-0.502 l4.831-0.021c0.271-0.005,0.497-0.23,0.501-0.502l0.008-1.998c0-0.276-0.225-0.5-0.499-0.5l-4.852,0c-0.275,0-0.502-0.228-0.501-0.5 L9.493,1.184c0-0.275-0.225-0.499-0.5-0.499L6.997,0.693C6.722,0.694,6.496,0.92,6.495,1.195L6.476,6.026 c-0.001,0.274-0.227,0.5-0.501,0.5L1.167,6.525C0.892,6.526,0.665,6.752,0.665,7.026L0.656,9.023z'/%3e%3c/svg%3e") transparent center left / 1em no-repeat /* LTR */ + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath fill='%23787878' d='M0.656,9.023c0,0.274,0.224,0.5,0.499,0.5l4.853,0.001c0.274-0.001,0.501,0.226,0.5,0.5l0.001,4.853 c-0.001,0.273,0.227,0.5,0.501,0.5l1.995-0.009c0.273-0.003,0.497-0.229,0.5-0.503l0.002-4.806c0-0.272,0.228-0.5,0.499-0.502 l4.831-0.021c0.271-0.005,0.497-0.23,0.501-0.502l0.008-1.998c0-0.276-0.225-0.5-0.499-0.5l-4.852,0c-0.275,0-0.502-0.228-0.501-0.5 L9.493,1.184c0-0.275-0.225-0.499-0.5-0.499L6.997,0.693C6.722,0.694,6.496,0.92,6.495,1.195L6.476,6.026 c-0.001,0.274-0.227,0.5-0.501,0.5L1.167,6.525C0.892,6.526,0.665,6.752,0.665,7.026L0.656,9.023z'/%3e%3c/svg%3e") transparent center left / 1em no-repeat; /* LTR */ } [dir="rtl"] .layout-builder__link--add { @@ -50,7 +50,7 @@ } .layout-builder__section { - margin-bottom: 1.5em + margin-bottom: 1.5em; } .layout-builder__section .ui-sortable-helper { @@ -98,7 +98,7 @@ border: 1px solid #ccc; border-radius: 1.625rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23bebebe' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e") #fff center center / 1rem 1rem no-repeat; - font-size: 1rem + font-size: 1rem; } .layout-builder__link--remove:hover { @@ -108,7 +108,7 @@ .layout-builder-block { padding: 1.5em; cursor: move; - background-color: #fff + background-color: #fff; } .layout-builder-block [tabindex="-1"] { @@ -117,7 +117,7 @@ .layout-builder--content-preview-disabled .layout-builder-block { margin: 0; - border-bottom: 2px dashed #979797 + border-bottom: 2px dashed #979797; } /* diff --git a/core/modules/layout_builder/css/off-canvas.css b/core/modules/layout_builder/css/off-canvas.css index da8239ebcbba..950a8623e4fa 100644 --- a/core/modules/layout_builder/css/off-canvas.css +++ b/core/modules/layout_builder/css/off-canvas.css @@ -13,13 +13,13 @@ #drupal-off-canvas-wrapper .layout-selection { margin: 0; padding: 0; - list-style: none + list-style: none; } #drupal-off-canvas-wrapper .layout-selection li { position: relative; /* Anchor throbber. */ padding: calc(0.25 * var(--off-canvas-vertical-spacing-unit)); - border-bottom: 1px solid var(--off-canvas-border-color) + border-bottom: 1px solid var(--off-canvas-border-color); } #drupal-off-canvas-wrapper .layout-selection li:last-child { @@ -27,44 +27,38 @@ border-bottom: none; } -#drupal-off-canvas-wrapper .layout-selection { - - /* Horizontally align icon and text. */ - } +/* Horizontally align icon and text. */ #drupal-off-canvas-wrapper .layout-selection a { display: flex; flex-wrap: wrap; align-items: center; - grid-gap: 0.625rem; + gap: 0.625rem; padding: 0.625rem; } -#drupal-off-canvas-wrapper { - - /* +/* * This is the styling of the SVG within the layout selection list. */ -} #drupal-off-canvas-wrapper .layout-icon__region { fill: var(--off-canvas-text-color); - stroke: transparent + stroke: transparent; } @media (forced-colors: active) { #drupal-off-canvas-wrapper .layout-icon__region { - fill: canvastext + fill: canvastext; } } [dir="ltr"] #drupal-off-canvas-wrapper .inline-block-create-button { - padding-left: calc(2 * var(--off-canvas-padding) + var(--icon-size) / 2) + padding-left: calc(2 * var(--off-canvas-padding) + var(--icon-size) / 2); } [dir="rtl"] #drupal-off-canvas-wrapper .inline-block-create-button { - padding-right: calc(2 * var(--off-canvas-padding) + var(--icon-size) / 2) + padding-right: calc(2 * var(--off-canvas-padding) + var(--icon-size) / 2); } #drupal-off-canvas-wrapper .inline-block-create-button { @@ -74,7 +68,7 @@ display: block; padding: 1.5rem; /* Room for icon */ border-bottom: 1px solid #333; - font-size: 1rem + font-size: 1rem; /* Plus icon. */ } @@ -89,7 +83,7 @@ transform: translateY(-50%); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath fill='%23bebebe' d='M0.656,9.023c0,0.274,0.224,0.5,0.499,0.5l4.853,0.001c0.274-0.001,0.501,0.226,0.5,0.5l0.001,4.853 c-0.001,0.273,0.227,0.5,0.501,0.5l1.995-0.009c0.273-0.003,0.497-0.229,0.5-0.503l0.002-4.806c0-0.272,0.228-0.5,0.499-0.502 l4.831-0.021c0.271-0.005,0.497-0.23,0.501-0.502l0.008-1.998c0-0.276-0.225-0.5-0.499-0.5l-4.852,0c-0.275,0-0.502-0.228-0.501-0.5 L9.493,1.184c0-0.275-0.225-0.499-0.5-0.499L6.997,0.693C6.722,0.694,6.496,0.92,6.495,1.195L6.476,6.026 c-0.001,0.274-0.227,0.5-0.501,0.5L1.167,6.525C0.892,6.526,0.665,6.752,0.665,7.026L0.656,9.023z'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-size: contain + background-size: contain; } @media (forced-colors: active) { @@ -101,14 +95,14 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; - mask-size: contain + mask-size: contain; } } #drupal-off-canvas-wrapper .inline-block-create-button, #drupal-off-canvas-wrapper .inline-block-list__item { margin: 0 calc(-1 * var(--off-canvas-padding)); - color: var(--off-canvas-text-color) + color: var(--off-canvas-text-color); } #drupal-off-canvas-wrapper .inline-block-create-button:hover, #drupal-off-canvas-wrapper .inline-block-list__item:hover { @@ -122,13 +116,13 @@ #drupal-off-canvas-wrapper .inline-block-list { margin: 0 0 calc(2 * var(--off-canvas-vertical-spacing-unit)); padding: 0; - list-style: none + list-style: none; } #drupal-off-canvas-wrapper .inline-block-list li { position: relative; /* Anchor throbber. */ margin: 0; - padding: calc(0.25 * var(--off-canvas-vertical-spacing-unit)) 0 + padding: calc(0.25 * var(--off-canvas-vertical-spacing-unit)) 0; } #drupal-off-canvas-wrapper .inline-block-list li:last-child { @@ -136,10 +130,7 @@ border-bottom: none; } -#drupal-off-canvas-wrapper { - - /* This is the <a> tag. */ -} +/* This is the <a> tag. */ #drupal-off-canvas-wrapper .inline-block-list__item { display: block; @@ -148,10 +139,7 @@ border-bottom: 1px solid var(--off-canvas-border-color); } -#drupal-off-canvas-wrapper { - - /* Highlight the active block in the Move Block dialog. */ -} +/* Highlight the active block in the Move Block dialog. */ #drupal-off-canvas-wrapper .layout-builder-components-table__block-label--current { padding-left: 1.0625rem; diff --git a/core/modules/workspaces/css/workspaces.off-canvas.css b/core/modules/workspaces/css/workspaces.off-canvas.css index 8d1e652d2cbb..653cb4892ec6 100644 --- a/core/modules/workspaces/css/workspaces.off-canvas.css +++ b/core/modules/workspaces/css/workspaces.off-canvas.css @@ -11,7 +11,7 @@ */ #drupal-off-canvas-wrapper.workspaces-dialog { - padding-bottom: calc(var(--off-canvas-padding) / 2) + padding-bottom: calc(var(--off-canvas-padding) / 2); } @media (min-width: 47.9375rem) { @@ -20,20 +20,17 @@ display: flex; align-items: flex-end; width: 100%; - height: 100% + height: 100%; } } -#drupal-off-canvas-wrapper.workspaces-dialog { - - /** +/** * The Workspace UI hides the titlebar, but we need to show and correctly * position the close button that is nested within it. */ -} #drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-titlebar { - all: revert + all: revert; } #drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-titlebar:before { @@ -45,11 +42,11 @@ } [dir="ltr"] #drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { - right: 1em + right: 1em; } [dir="rtl"] #drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { - left: 1em + left: 1em; } #drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { @@ -59,7 +56,7 @@ } #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace { - padding: 0 var(--off-canvas-padding) + padding: 0 var(--off-canvas-padding); } @media (min-width: 47.9375rem) { @@ -71,7 +68,7 @@ flex-grow: 2; align-self: stretch; order: 1; - padding: var(--off-canvas-padding) var(--off-canvas-padding) 0 + padding: var(--off-canvas-padding) var(--off-canvas-padding) 0; } } @@ -86,15 +83,15 @@ color: #fff; font-size: 1.125rem; font-weight: bold; - line-height: 1.2 + line-height: 1.2; } [dir="ltr"] #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__label:before { - left: 0 + left: 0; } [dir="rtl"] #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__label:before { - right: 0 + right: 0; } #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__label:before { @@ -104,36 +101,30 @@ height: 1.25rem; content: ""; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3e %3cpath fill='%23F0A100' fill-rule='evenodd' d='M38,0 L2.002,0 C0.896716337,-1.37884559e-07 0.000552089742,0.895716475 0,2.001 L0,38.003 C0,39.105 0.899,40.003 2,40.003 L38,40.003 C39.103,40.003 40,39.103 40,38.003 L40,2.001 C40.000531,1.47031248 39.7900198,0.961193334 39.4148607,0.585846626 C39.0397016,0.210499918 38.5306877,-0.000265742306 38,0 Z M34.003,4 C35.105,4 36.003,4.899 36.003,6 C36.003,7.102 35.103,7.998 34.003,7.998 C32.9235903,7.96385326 32.0662376,7.07894966 32.0662376,5.999 C32.0662376,4.91905034 32.9235903,4.03414674 34.003,4 Z M26.003,4 C27.105,4 28.002,4.899 28.002,6 C28.002,7.102 27.102,7.998 26.002,7.998 C24.9225903,7.96385326 24.0652376,7.07894966 24.0652376,5.999 C24.0652376,4.91905034 24.9225903,4.03414674 26.002,4 L26.003,4 Z M18.002,4 C19.104,4 20.002,4.899 20.002,6 C20.002,7.102 19.102,7.998 18.002,7.998 C16.899,7.998 16.002,7.1 16.002,5.999 C16.0025521,4.89482104 16.8978209,3.99999986 18.002,4 Z M36.002,36.002 L4,36.002 L4,12.001 L36.002,12.001 L36.002,36.002 Z M8.805,32.002 L15.196,32.002 C15.4092125,32.0030667 15.6140295,31.9189775 15.764983,31.7683995 C15.9159365,31.6178215 16.0005357,31.4132145 16,31.2 L16,16.805 C16.0005341,16.5919596 15.916072,16.3875055 15.7653354,16.2369566 C15.6145988,16.0864077 15.4100395,16.0022004 15.197,16.003 L8.794,16.003 C8.581215,16.0027342 8.37706868,16.087145 8.22660684,16.2376068 C8.07614501,16.3880687 7.99173418,16.592215 7.992,16.805 L7.992,31.208 C7.99966319,31.6507223 8.36222028,32.0048063 8.805,32.002 Z M20.803,24.002 L31.206,24.002 C31.4190404,24.0025341 31.6234945,23.918072 31.7740434,23.7673354 C31.9245923,23.6165988 32.0087996,23.4120395 32.008,23.199 L32.008,16.797 C32.0085328,16.5841335 31.9242078,16.3798319 31.7736879,16.2293121 C31.6231681,16.0787922 31.4188665,15.9944672 31.206,15.995 L20.803,15.995 C20.5901335,15.9944672 20.3858319,16.0787922 20.2353121,16.2293121 C20.0847922,16.3798319 20.0004672,16.5841335 20.001,16.797 L20.001,23.199 C20.001,23.646 20.356,24.001 20.803,24.001 L20.803,24.002 Z M20.803,32.002 L31.206,32.002 C31.4188665,32.0025328 31.6231681,31.9182078 31.7736879,31.7676879 C31.9242078,31.6171681 32.0085328,31.4128665 32.008,31.2 L32.008,28.797 C32.0085328,28.5841335 31.9242078,28.3798319 31.7736879,28.2293121 C31.6231681,28.0787922 31.4188665,27.9944672 31.206,27.995 L20.803,27.995 C20.5901335,27.9944672 20.3858319,28.0787922 20.2353121,28.2293121 C20.0847922,28.3798319 20.0004672,28.5841335 20.001,28.797 L20.001,31.2 C20.001,31.647 20.356,32.002 20.803,32.002 Z'/%3e%3c/svg%3e") center center no-repeat; - background-size: contain + background-size: contain; } @media (min-width: 47.9375rem) { #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__label:before { width: 2.5rem; - height: 2.5rem + height: 2.5rem; } } -#drupal-off-canvas-wrapper.workspaces-dialog { - - /* This is the "Manage workspace" link that appears when you're on a non-default workspace. */ -} +/* This is the "Manage workspace" link that appears when you're on a non-default workspace. */ #drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__manage { display: block; font-size: 0.8125rem; } -#drupal-off-canvas-wrapper.workspaces-dialog { - - /* This is the link to "View all workspaces". */ -} +/* This is the link to "View all workspaces". */ #drupal-off-canvas-wrapper.workspaces-dialog .all-workspaces { display: inline-block; padding: var(--off-canvas-padding); - font-size: 0.875rem + font-size: 0.875rem; } @media (min-width: 47.9375rem) { @@ -142,7 +133,7 @@ grid-row: 1; grid-column: 2; justify-self: end; - padding: 0 + padding: 0; } } @@ -158,13 +149,13 @@ margin: 0; padding: 0; list-style: none; - grid-gap: 2px + gap: 2px; } @media (min-width: 47.9375rem) { #drupal-off-canvas-wrapper.workspaces-dialog .workspaces ul { - flex-direction: row + flex-direction: row; } } @@ -177,21 +168,18 @@ #drupal-off-canvas-wrapper.workspaces-dialog .workspaces { display: grid; flex-grow: 8; - grid-template-columns: 1fr 1fr + grid-template-columns: 1fr 1fr; } } -#drupal-off-canvas-wrapper.workspaces-dialog { - - /* This is the link to the workspace. */ -} +/* This is the link to the workspace. */ [dir="ltr"] #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item { - padding-left: 3.125rem + padding-left: 3.125rem; } [dir="rtl"] #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item { - padding-right: 3.125rem + padding-right: 3.125rem; } #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item { @@ -203,7 +191,7 @@ outline-offset: -2px; /* Ensure focus outline doesn't overflow. */ background-color: var(--off-canvas-background-color-light); font-size: 0.875rem; - font-weight: bold + font-weight: bold; } #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item:hover, @@ -212,11 +200,11 @@ } [dir="ltr"] #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item:before { - left: var(--off-canvas-padding) + left: var(--off-canvas-padding); } [dir="rtl"] #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item:before { - right: var(--off-canvas-padding) + right: var(--off-canvas-padding); } #drupal-off-canvas-wrapper.workspaces-dialog .workspaces__item:before { @@ -241,6 +229,6 @@ @media (max-width: 47.9375rem) { #drupal-off-canvas-wrapper.workspaces-dialog { - height: 100% !important + height: 100% !important; } } diff --git a/core/modules/workspaces/css/workspaces.toolbar.css b/core/modules/workspaces/css/workspaces.toolbar.css index 85125f0eaf3e..e95d15876e1c 100644 --- a/core/modules/workspaces/css/workspaces.toolbar.css +++ b/core/modules/workspaces/css/workspaces.toolbar.css @@ -51,12 +51,12 @@ .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item { width: 100%; margin: 0; - color: inherit + color: inherit; } -.toolbar-oriented .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item { +.toolbar-oriented :is(.toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item) { width: auto; - text-align: initial + text-align: initial; } .toolbar .toolbar-icon-workspace:before { diff --git a/core/package.json b/core/package.json index 53ff36b38360..fcb1601cbee4 100644 --- a/core/package.json +++ b/core/package.json @@ -79,12 +79,12 @@ "mkdirp": "^1.0.4", "nightwatch": "^2.1.3", "normalize.css": "8.0.x", - "postcss": "^7.0.18", - "postcss-header": "^2.0.0", - "postcss-import": "^12.0.1", - "postcss-preset-env": "^6.7.0", - "postcss-pxtorem": "^5.1.1", - "postcss-url": "^8.0.0", + "postcss": "^8.4.16", + "postcss-header": "^3.0.2", + "postcss-import": "^15.0.0", + "postcss-preset-env": "^7.8.1", + "postcss-pxtorem": "^6.0.0", + "postcss-url": "^10.1.3", "prettier": "^2.1.2", "raw-loader": "^4.0.2", "shepherd.js": "~10.0.1", diff --git a/core/themes/claro/css/base/print.css b/core/themes/claro/css/base/print.css index 997203eda9c9..783a62b5227e 100644 --- a/core/themes/claro/css/base/print.css +++ b/core/themes/claro/css/base/print.css @@ -6,13 +6,15 @@ */ @media print { * { - /* Black prints faster */ - /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */ color: #000 !important; background-color: transparent !important; box-shadow: none !important; text-shadow: none !important; } + * { + /* Black prints faster */ + /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */ + } body { padding-top: 0; } diff --git a/core/themes/claro/css/components/accordion.css b/core/themes/claro/css/components/accordion.css index a54342e728df..cd0552e7ab4a 100644 --- a/core/themes/claro/css/components/accordion.css +++ b/core/themes/claro/css/components/accordion.css @@ -20,7 +20,7 @@ .accordion__item { margin: 0 -1px; - border-radius: 0 + border-radius: 0; } .accordion__item:first-child { diff --git a/core/themes/claro/css/components/action-link.css b/core/themes/claro/css/components/action-link.css index f66bbc3d0d8a..7479fe0ca6a9 100644 --- a/core/themes/claro/css/components/action-link.css +++ b/core/themes/claro/css/components/action-link.css @@ -246,6 +246,8 @@ @media (forced-colors: active) { .action-link--icon-plus::before { background: linktext !important; + } + .action-link--icon-plus::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23d72222' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e"); @@ -291,6 +293,8 @@ @media (forced-colors: active) { .action-link--icon-trash::before { background: linktext !important; + } + .action-link--icon-trash::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23d72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e"); @@ -336,6 +340,8 @@ @media (forced-colors: active) { .action-link--icon-ex::before { background: linktext !important; + } + .action-link--icon-ex::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23d72222' stroke-width='1.5' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 3L3 13M13 13L3 3'/%3e%3c/svg%3e"); @@ -381,6 +387,8 @@ @media (forced-colors: active) { .action-link--icon-checkmark::before { background: linktext !important; + } + .action-link--icon-checkmark::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='none' height='16' stroke='%23d72222' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 8.571L5.6 12 14 4'/%3e%3c/svg%3e"); @@ -426,6 +434,8 @@ @media (forced-colors: active) { .action-link--icon-cog::before { background: linktext !important; + } + .action-link--icon-cog::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.426 9.249a7.29 7.29 0 00.076-.998c0-.36-.035-.71-.086-1.056l-2.275-.293a5.039 5.039 0 00-.498-1.201l1.396-1.808a7.3 7.3 0 00-1.459-1.452l-1.807 1.391a5.058 5.058 0 00-1.2-.499l-.292-2.252C8.943 1.033 8.604 1 8.252 1s-.694.033-1.032.082l-.291 2.251a5.076 5.076 0 00-1.2.499L3.924 2.441a7.3 7.3 0 00-1.459 1.452L3.86 5.701a5.076 5.076 0 00-.499 1.2l-2.276.294A7.35 7.35 0 001 8.251c0 .34.031.671.077.998l2.285.295c.115.426.284.826.499 1.2L2.444 12.58c.411.55.896 1.038 1.443 1.452l1.842-1.42c.374.215.774.383 1.2.498l.298 2.311c.337.047.677.08 1.025.08s.688-.033 1.021-.08l.299-2.311a5.056 5.056 0 001.201-.498l1.842 1.42a7.326 7.326 0 001.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199zm-7.174 1.514a2.54 2.54 0 110-5.082 2.542 2.542 0 010 5.082z'/%3e%3c/svg%3e"); @@ -471,6 +481,8 @@ @media (forced-colors: active) { .action-link--icon-show::before { background: linktext !important; + } + .action-link--icon-show::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' width='16' fill='%23D72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e"); @@ -516,6 +528,8 @@ @media (forced-colors: active) { .action-link--icon-hide::before { background: linktext !important; + } + .action-link--icon-hide::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e"); @@ -561,6 +575,8 @@ @media (forced-colors: active) { .action-link--icon-key::before { background: linktext !important; + } + .action-link--icon-key::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23d72222'/%3e%3c/svg%3e"); @@ -606,6 +622,8 @@ @media (forced-colors: active) { .action-link--icon-questionmark::before { background: linktext !important; + } + .action-link--icon-questionmark::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23d72222'/%3e%3c/svg%3e"); diff --git a/core/themes/claro/css/components/breadcrumb.css b/core/themes/claro/css/components/breadcrumb.css index 27b5ee5d1d04..bd21e015d373 100644 --- a/core/themes/claro/css/components/breadcrumb.css +++ b/core/themes/claro/css/components/breadcrumb.css @@ -34,11 +34,11 @@ .breadcrumb__item + .breadcrumb__item::before { display: inline-block; padding: 0 0.75rem; - content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e") + content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e"); } -[dir="rtl"] .breadcrumb__item + .breadcrumb__item::before { - transform: scaleX(-1) +[dir="rtl"] :is(.breadcrumb__item + .breadcrumb__item::before) { + transform: scaleX(-1); } @media (forced-colors: active) { @@ -55,7 +55,7 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; - mask-position: center + mask-position: center; } } diff --git a/core/themes/claro/css/components/button.css b/core/themes/claro/css/components/button.css index 656266af8afa..286bea9cb540 100644 --- a/core/themes/claro/css/components/button.css +++ b/core/themes/claro/css/components/button.css @@ -35,6 +35,10 @@ * dropbutton.css or action-links.css as well. */ +.button { + border: 1px solid transparent !important; +} + .button { display: inline-block; margin: var(--space-m) var(--space-s) var(--space-m) 0; /* LTR */ @@ -42,8 +46,7 @@ cursor: pointer; text-align: center; text-decoration: none; - color: var(--button-fg-color); - border: 1px solid transparent !important; /* 2 */ + color: var(--button-fg-color); /* 2 */ border-radius: var(--button-border-radius-size); background-color: var(--button-bg-color); font-size: var(--font-size-base); diff --git a/core/themes/claro/css/components/details.css b/core/themes/claro/css/components/details.css index 24f838c83416..d127ce0c61e9 100644 --- a/core/themes/claro/css/components/details.css +++ b/core/themes/claro/css/components/details.css @@ -49,7 +49,7 @@ border: var(--details-border-size) solid var(--details-border-color); border-radius: var(--details-border-size-radius); background-color: var(--color-white); - box-shadow: var(--details-box-shadow) + box-shadow: var(--details-box-shadow); /* * The following width and min-width values ensure that the <details> element @@ -61,7 +61,7 @@ td .claro-details { width: min-content; - min-width: 100% + min-width: 100%; } .claro-details--accordion-item, @@ -216,7 +216,7 @@ td .claro-details { /* stylelint-disable-next-line unit-allowed-list */ -@media not all and (min-resolution: 0.001dpcm) { +@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .claro-details__summary::before { transition: none; @@ -362,7 +362,7 @@ td .claro-details { /* stylelint-disable-next-line unit-allowed-list */ -@media not all and (min-resolution: 0.001dpcm) { +@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .claro-details__summary::after { transition: none; diff --git a/core/themes/claro/css/components/dropbutton.css b/core/themes/claro/css/components/dropbutton.css index 1bbf5429c906..ceb9dcc4fda3 100644 --- a/core/themes/claro/css/components/dropbutton.css +++ b/core/themes/claro/css/components/dropbutton.css @@ -129,6 +129,10 @@ * Dropbutton toggler. */ +.dropbutton__toggle { + border: var(--dropbutton-border-size) solid transparent !important; +} + .dropbutton__toggle { position: absolute; z-index: 3; @@ -136,8 +140,7 @@ right: 0; /* LTR */ bottom: 0; width: var(--dropbutton-toggle-size); - height: var(--dropbutton-toggle-size); - border: var(--dropbutton-border-size) solid transparent !important; /* 1 */ + height: var(--dropbutton-toggle-size); /* 1 */ border-radius: 0 var(--button-border-radius-size) var(--button-border-radius-size) 0; /* LTR */ background: var(--button-bg-color); font-size: 1px; /* iOS Safari sets a minimum button-width based on font-size. */ @@ -247,6 +250,10 @@ * Duplicates base button styles. */ +.dropbutton__item:first-of-type > * { + border: var(--dropbutton-border-size) solid transparent !important; +} + .dropbutton__item:first-of-type > * { display: inline-block; margin: 0; @@ -254,8 +261,7 @@ cursor: pointer; text-align: center; text-decoration: none; - color: var(--button-fg-color); - border: var(--dropbutton-border-size) solid transparent !important; /* 1 */ + color: var(--button-fg-color); /* 1 */ border-radius: var(--button-border-radius-size); background-color: var(--button-bg-color); font-size: var(--dropbutton-font-size); @@ -371,13 +377,17 @@ max-width: var(--dropbutton-item-max-width); } +.dropbutton__item:first-of-type ~ .dropbutton__item > a, +.dropbutton__item:first-of-type ~ .dropbutton__item > .button { + border: var(--dropbutton-border-size) solid transparent !important; +} + .dropbutton__item:first-of-type ~ .dropbutton__item > a, .dropbutton__item:first-of-type ~ .dropbutton__item > .button { position: relative; padding: calc(var(--dropbutton-spacing-size) - var(--dropbutton-border-size)); text-decoration: none; - color: var(--color-gray-800); - border: var(--dropbutton-border-size) solid transparent !important; /* 1 */ + color: var(--color-gray-800); /* 1 */ border-radius: var(--dropbutton-border-radius-size); background: var(--color-white); box-shadow: 0; @@ -439,6 +449,9 @@ } .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus { - border-color: var(--color-focus) !important; /* 1 */ + border-color: var(--color-focus) !important; +} + +.dropbutton__item:first-of-type ~ .dropbutton__item > *:focus { /* 1 */ box-shadow: inset 0 0 0 1px var(--color-focus), 0 0 0 1px var(--color-focus); } diff --git a/core/themes/claro/css/components/form--select.css b/core/themes/claro/css/components/form--select.css index bdeb50dce682..b87d3bd69976 100644 --- a/core/themes/claro/css/components/form--select.css +++ b/core/themes/claro/css/components/form--select.css @@ -21,13 +21,13 @@ [dir="rtl"] .form-element--type-select { padding-right: calc(1rem - var(--input-border-size)); padding-left: calc(2rem - var(--input-border-size)); - background-position: 0 50% + background-position: 0 50%; } @media (forced-colors: active) { [dir="rtl"] .form-element--type-select { - padding-left: var(--input-padding-horizontal) + padding-left: var(--input-padding-horizontal); } } diff --git a/core/themes/claro/css/components/system-admin--modules.css b/core/themes/claro/css/components/system-admin--modules.css index 1f8805afe788..195d399b69ff 100644 --- a/core/themes/claro/css/components/system-admin--modules.css +++ b/core/themes/claro/css/components/system-admin--modules.css @@ -26,6 +26,9 @@ .modules-table-filter .form-item__description { position: absolute !important; +} + +.modules-table-filter .form-item__description { overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; diff --git a/core/themes/claro/css/components/tabledrag.css b/core/themes/claro/css/components/tabledrag.css index 3ba613ae02b7..d5c1abd72ec1 100644 --- a/core/themes/claro/css/components/tabledrag.css +++ b/core/themes/claro/css/components/tabledrag.css @@ -298,7 +298,7 @@ body.drag { /* stylelint-disable-next-line unit-allowed-list */ -@media not all and (min-resolution: 0.001dpcm) { +@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .tabledrag-cell-content .tree { overflow: visible; @@ -315,13 +315,16 @@ body.drag { * Indentation. */ +.indentation { + background: none !important; +} + .indentation { position: relative; left: calc(var(--space-xs) * -0.5); /* LTR */ float: left; /* LTR */ width: calc(25rem / 16); /* 25px */ height: calc(25rem / 16); /* 25px */ - background: none !important; line-height: 0; } diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css index 744114f78638..6a128c396d48 100644 --- a/core/themes/claro/css/components/tables.css +++ b/core/themes/claro/css/components/tables.css @@ -98,7 +98,7 @@ _:-ms-fullscreen, /* Only IE 11 */ content: ""; opacity: 0.5; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%; - background-size: contain + background-size: contain; } @media (forced-colors: active) { @@ -107,7 +107,7 @@ _:-ms-fullscreen, /* Only IE 11 */ opacity: 1; background: linktext; -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%; - mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50% + mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%; } } @@ -124,7 +124,7 @@ _:-ms-fullscreen, /* Only IE 11 */ [dir="rtl"] .sortable-heading > a::after { right: auto; left: 1rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e"); } @media (forced-colors: active) { @@ -132,7 +132,7 @@ _:-ms-fullscreen, /* Only IE 11 */ [dir="rtl"] .sortable-heading > a::after { background: linktext; -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%; - mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50% + mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%; } } diff --git a/core/themes/claro/css/components/tablesort-indicator.css b/core/themes/claro/css/components/tablesort-indicator.css index edbe0e4e51aa..c70e741fd504 100644 --- a/core/themes/claro/css/components/tablesort-indicator.css +++ b/core/themes/claro/css/components/tablesort-indicator.css @@ -19,7 +19,7 @@ margin-top: -0.5rem; /* -8px */ opacity: 0.5; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 0 50%; - background-size: auto + background-size: auto; } @media (forced-colors: active) { @@ -31,7 +31,7 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0 50%; - mask-position: 0 50% + mask-position: 0 50%; } } @@ -48,7 +48,7 @@ _:-ms-fullscreen, /* Only IE 11 */ [dir="rtl"] .tablesort { right: auto; left: 1rem; /* 16px */ - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e"); } @media (forced-colors: active) { @@ -60,7 +60,7 @@ _:-ms-fullscreen, /* Only IE 11 */ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0 50%; - mask-position: 0 50% + mask-position: 0 50%; } } @@ -76,7 +76,7 @@ _:-ms-fullscreen, /* Only IE 11 */ .tablesort--asc, [dir="rtl"] .tablesort--asc { opacity: 1; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e") + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e"); } @media (forced-colors: active) { @@ -85,14 +85,14 @@ _:-ms-fullscreen, /* Only IE 11 */ [dir="rtl"] .tablesort--asc { background: linktext; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e"); - mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e") + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e"); } } .tablesort--desc, [dir="rtl"] .tablesort--desc { opacity: 1; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e") + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e"); } @media (forced-colors: active) { @@ -101,6 +101,6 @@ _:-ms-fullscreen, /* Only IE 11 */ [dir="rtl"] .tablesort--desc { background: linktext; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e"); - mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e") + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e"); } } diff --git a/core/themes/claro/css/theme/install-page.css b/core/themes/claro/css/theme/install-page.css index 5b0057224a08..94ffdcef2363 100644 --- a/core/themes/claro/css/theme/install-page.css +++ b/core/themes/claro/css/theme/install-page.css @@ -15,7 +15,7 @@ .install-page { min-height: 100%; - background-color: var(--color-gray-100) + background-color: var(--color-gray-100); } .install-page h1, diff --git a/core/themes/claro/css/theme/media-library.css b/core/themes/claro/css/theme/media-library.css index 304b9bcaade5..6fa8593f1069 100644 --- a/core/themes/claro/css/theme/media-library.css +++ b/core/themes/claro/css/theme/media-library.css @@ -801,8 +801,11 @@ } .media-library-item__edit { - /* !important to override button class border. */ border: 1px solid var(--color-gray-200) !important; +} + +.media-library-item__edit { + /* !important to override button class border. */ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; @@ -820,8 +823,17 @@ .media-library-item__remove.button:disabled:active, .media-library-item__remove.button:hover, .media-library-item__remove.button:focus { - /* !important to override button class border. */ border: 1px solid var(--color-gray-200) !important; +} + +.media-library-item__remove, +.media-library-item__remove.button, +.media-library-item__remove.button:first-child, +.media-library-item__remove.button:disabled, +.media-library-item__remove.button:disabled:active, +.media-library-item__remove.button:hover, +.media-library-item__remove.button:focus { + /* !important to override button class border. */ background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; @@ -831,8 +843,13 @@ .media-library-item__remove:active, .media-library-item__remove.button:active, .media-library-item__remove.button:disabled:active { - /* !important to override button class border. */ border-color: var(--color-absolutezero) !important; +} + +.media-library-item__remove:active, +.media-library-item__remove.button:active, +.media-library-item__remove.button:disabled:active { + /* !important to override button class border. */ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ffffff' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e"); } diff --git a/core/themes/olivero/css/base/base.css b/core/themes/olivero/css/base/base.css index c4d005bf2302..67c53b7f8bed 100644 --- a/core/themes/olivero/css/base/base.css +++ b/core/themes/olivero/css/base/base.css @@ -42,7 +42,7 @@ body { color: var(--color-text-neutral-medium); background-color: var(--color--gray-100); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e"); - background-position: top left /* LTR */ + background-position: top left; /* LTR */ } body.is-fixed { @@ -56,7 +56,7 @@ body.is-fixed { } a { - color: var(--color-text-primary-medium) + color: var(--color-text-primary-medium); } a:hover { @@ -87,41 +87,41 @@ audio { h1 { letter-spacing: -0.01em; font-size: 1.75rem; - line-height: var(--sp2) + line-height: var(--sp2); } @media (min-width: 43.75rem) { h1 { font-size: 3.75rem; - line-height: var(--sp4) + line-height: var(--sp4); } } h2 { letter-spacing: -0.01em; font-size: 1.5rem; - line-height: var(--sp2) + line-height: var(--sp2); } @media (min-width: 43.75rem) { h2 { font-size: 2.25rem; - line-height: var(--sp3) + line-height: var(--sp3); } } h3 { font-size: 1.25rem; - line-height: var(--sp1-5) + line-height: var(--sp1-5); } @media (min-width: 43.75rem) { h3 { font-size: 1.5rem; - line-height: var(--sp2) + line-height: var(--sp2); } } @@ -150,7 +150,7 @@ h6 { margin-bottom: var(--sp); color: var(--color-text-neutral-loud); font-family: var(--font-sans); - font-weight: bold + font-weight: bold; } @media (min-width: 43.75rem) { @@ -162,7 +162,7 @@ h4, h5, h6 { margin-top: var(--sp2); - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } diff --git a/core/themes/olivero/css/components/action-links.css b/core/themes/olivero/css/components/action-links.css index fd36887609eb..57f05a153657 100644 --- a/core/themes/olivero/css/components/action-links.css +++ b/core/themes/olivero/css/components/action-links.css @@ -17,38 +17,38 @@ /* Grid shifts from 6 to 14 columns. */ /* Width of the entire grid maxes out. */ [dir="ltr"] .action-links { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .action-links { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .action-links { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .action-links { - margin-left: 0 + margin-left: 0; } [dir="ltr"] .action-links { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .action-links { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .action-links { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .action-links { - padding-left: 0 + padding-left: 0; } .action-links { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; - list-style: none + list-style: none; } .action-links li { - display: inline-block + display: inline-block; } .action-links li a { color: var(--color-text-primary-medium); diff --git a/core/themes/olivero/css/components/ajax-progress.module.css b/core/themes/olivero/css/components/ajax-progress.module.css index 1fc40f879910..a0af93cb06fb 100644 --- a/core/themes/olivero/css/components/ajax-progress.module.css +++ b/core/themes/olivero/css/components/ajax-progress.module.css @@ -102,7 +102,7 @@ border: 1px solid var(--color--gray-70); border-radius: 3.5rem; background-color: var(--color--white); - box-shadow: 0 0.25rem 0.625rem rgba(34, 35, 48, 0.1) /* LTR */ + box-shadow: 0 0.25rem 0.625rem rgba(34, 35, 48, 0.1); /* LTR */ } [dir="ltr"] .ajax-progress-fullscreen:before { diff --git a/core/themes/olivero/css/components/autocomplete-loading.module.css b/core/themes/olivero/css/components/autocomplete-loading.module.css index 2f18cf8b05ac..a10bd91675cb 100644 --- a/core/themes/olivero/css/components/autocomplete-loading.module.css +++ b/core/themes/olivero/css/components/autocomplete-loading.module.css @@ -43,7 +43,7 @@ html.js .form-autocomplete { background-color: var(--color--white); background-image: var(--autocomplete-search-icon-url); background-repeat: no-repeat; - background-position: right var(--autocomplete-icon-right-offset) center /* LTR */ + background-position: right var(--autocomplete-icon-right-offset) center; /* LTR */ } html.js .form-autocomplete:disabled { @@ -58,7 +58,7 @@ html.js[dir="rtl"] .form-autocomplete { background-color: var(--color--white); background-image: var(--autocomplete-search-icon-url); background-repeat: no-repeat; - background-position: left var(--autocomplete-icon-right-offset) center + background-position: left var(--autocomplete-icon-right-offset) center; } html.js[dir="rtl"] .form-autocomplete:disabled { diff --git a/core/themes/olivero/css/components/book.css b/core/themes/olivero/css/components/book.css index 67be26764471..72851a727250 100644 --- a/core/themes/olivero/css/components/book.css +++ b/core/themes/olivero/css/components/book.css @@ -66,20 +66,20 @@ } .book-pager__item { - display: inline-block + display: inline-block; } @media (min-width: 31.25rem) { .book-pager__item { - flex: 0 0 33.33% + flex: 0 0 33.33%; } } @media (min-width: 31.25rem) { .book-pager__item--center { - text-align: center + text-align: center; } } @@ -121,11 +121,11 @@ } [dir="ltr"] .book-pager__link--previous:before { - border-left: solid 3px currentColor; + border-left: solid 0.1875rem currentColor; } [dir="rtl"] .book-pager__link--previous:before { - border-right: solid 3px currentColor; + border-right: solid 0.1875rem currentColor; } .book-pager__link--previous:before { @@ -134,7 +134,7 @@ height: var(--sp0-5); content: ""; transform: rotate(-45deg); - border-top: solid 3px currentColor; + border-top: solid 0.1875rem currentColor; } [dir="ltr"] .book-pager__link--next:after { @@ -146,11 +146,11 @@ } [dir="ltr"] .book-pager__link--next:after { - border-left: solid 3px currentColor; + border-left: solid 0.1875rem currentColor; } [dir="rtl"] .book-pager__link--next:after { - border-right: solid 3px currentColor; + border-right: solid 0.1875rem currentColor; } .book-pager__link--next:after { @@ -159,7 +159,7 @@ height: var(--sp0-5); content: ""; transform: rotate(135deg); - border-top: solid 3px currentColor; + border-top: solid 0.1875rem currentColor; } [dir="ltr"] .book-navigation__menu { diff --git a/core/themes/olivero/css/components/breadcrumb.css b/core/themes/olivero/css/components/breadcrumb.css index 99bc1024a2ec..4e6fe9b39dcd 100644 --- a/core/themes/olivero/css/components/breadcrumb.css +++ b/core/themes/olivero/css/components/breadcrumb.css @@ -27,17 +27,17 @@ position: relative; font-size: 0.875rem; font-weight: bold; - line-height: var(--sp1) + line-height: var(--sp1); /* Shadow on the right side of breadcrumbs for narrow screens. */ } [dir="ltr"] .breadcrumb:after { - right: calc(var(--sp1) * -1) + right: calc(var(--sp1) * -1); } [dir="rtl"] .breadcrumb:after { - left: calc(var(--sp1) * -1) + left: calc(var(--sp1) * -1); } .breadcrumb:after { @@ -46,20 +46,20 @@ width: var(--sp3); height: var(--sp2); content: ""; - background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%) /* LTR */ + background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); /* LTR */ } @media (min-width: 62.5rem) { .breadcrumb:after { - content: none + content: none; } } @media (min-width: 62.5rem) { .breadcrumb { - position: static + position: static; } } @@ -68,27 +68,27 @@ } [dir="ltr"] .breadcrumb__content { - margin-left: calc(var(--sp0-5) * -1) + margin-left: calc(var(--sp0-5) * -1); } [dir="rtl"] .breadcrumb__content { - margin-right: calc(var(--sp0-5) * -1) + margin-right: calc(var(--sp0-5) * -1); } [dir="ltr"] .breadcrumb__content { - margin-right: calc(var(--sp1) * -1) + margin-right: calc(var(--sp1) * -1); } [dir="rtl"] .breadcrumb__content { - margin-left: calc(var(--sp1) * -1) + margin-left: calc(var(--sp1) * -1); } [dir="ltr"] .breadcrumb__content { - padding-left: var(--sp0-5) + padding-left: var(--sp0-5); } [dir="rtl"] .breadcrumb__content { - padding-right: var(--sp0-5) + padding-right: var(--sp0-5); } .breadcrumb__content { @@ -97,50 +97,50 @@ margin-bottom: calc(var(--sp0-5) * -1); padding-top: var(--sp0-5); padding-bottom: var(--sp0-5); - -webkit-overflow-scrolling: touch + -webkit-overflow-scrolling: touch; } @media (min-width: 62.5rem) { [dir="ltr"] .breadcrumb__content { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .breadcrumb__content { - margin-left: 0 + margin-left: 0; } } [dir="ltr"] .breadcrumb__list { - margin-left: calc(var(--sp1) * -1) + margin-left: calc(var(--sp1) * -1); } [dir="rtl"] .breadcrumb__list { - margin-right: calc(var(--sp1) * -1) + margin-right: calc(var(--sp1) * -1); } [dir="ltr"] .breadcrumb__list { - margin-right: calc(var(--sp1) * -1) + margin-right: calc(var(--sp1) * -1); } [dir="rtl"] .breadcrumb__list { - margin-left: calc(var(--sp1) * -1) + margin-left: calc(var(--sp1) * -1); } [dir="ltr"] .breadcrumb__list { - padding-left: var(--sp1) + padding-left: var(--sp1); } [dir="rtl"] .breadcrumb__list { - padding-right: var(--sp1) + padding-right: var(--sp1); } [dir="ltr"] .breadcrumb__list { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .breadcrumb__list { - padding-left: 0 + padding-left: 0; } .breadcrumb__list { @@ -151,62 +151,62 @@ padding-top: 0; padding-bottom: var(--sp1); list-style: none; - white-space: nowrap + white-space: nowrap; } @media (min-width: 62.5rem) { [dir="ltr"] .breadcrumb__list { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .breadcrumb__list { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .breadcrumb__list { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .breadcrumb__list { - margin-left: 0 + margin-left: 0; } [dir="ltr"] .breadcrumb__list { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .breadcrumb__list { - padding-right: 0 + padding-right: 0; } .breadcrumb__list { overflow: visible; padding-bottom: 0; - white-space: normal + white-space: normal; } } .breadcrumb__item { - display: inline-block + display: inline-block; } [dir="ltr"] .breadcrumb__item:nth-child(n+2):before { margin-left: 1rem; - margin-right: 1.25rem + margin-right: 1.25rem; } [dir="rtl"] .breadcrumb__item:nth-child(n+2):before { margin-right: 1rem; - margin-left: 1.25rem + margin-left: 1.25rem; } [dir="ltr"] .breadcrumb__item:nth-child(n+2):before { - border-right: 2px solid var(--color--gray-45) + border-right: 2px solid var(--color--gray-45); } [dir="rtl"] .breadcrumb__item:nth-child(n+2):before { - border-left: 2px solid var(--color--gray-45) + border-left: 2px solid var(--color--gray-45); } .breadcrumb__item:nth-child(n+2):before { @@ -219,21 +219,21 @@ } [dir="ltr"] .breadcrumb__item:last-child { - margin-right: var(--sp3) + margin-right: var(--sp3); } [dir="rtl"] .breadcrumb__item:last-child { - margin-left: var(--sp3) + margin-left: var(--sp3); } @media (min-width: 62.5rem) { [dir="ltr"] .breadcrumb__item:last-child { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .breadcrumb__item:last-child { - margin-left: 0 + margin-left: 0; } } @@ -243,7 +243,7 @@ .breadcrumb__link { text-decoration: none; - color: var(--color-text-primary-medium) + color: var(--color-text-primary-medium); } .breadcrumb__link:hover, diff --git a/core/themes/olivero/css/components/button.css b/core/themes/olivero/css/components/button.css index a45e22811d96..23f4d1f53fc3 100644 --- a/core/themes/olivero/css/components/button.css +++ b/core/themes/olivero/css/components/button.css @@ -24,19 +24,19 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .button { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .button { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .button { - margin-right: var(--sp1) + margin-right: var(--sp1); } [dir="rtl"] .button { - margin-left: var(--sp1) + margin-left: var(--sp1); } .button { @@ -60,7 +60,7 @@ font-weight: 700; -webkit-appearance: none; appearance: none; - -webkit-font-smoothing: antialiased + -webkit-font-smoothing: antialiased; } .button:hover, @@ -89,13 +89,10 @@ border-color: var(--color--gray-90); } -.button { - - /* +/* IE11 doesn't work properly on button elements so we only do inline-flex on modern browsers. */ -} @supports (display: inline-flex) { @@ -108,26 +105,26 @@ padding-bottom: 0; padding-left: var(--sp1-5); padding-right: var(--sp1-5); - line-height: var(--line-height-s) + line-height: var(--line-height-s); } } /* No margin if is part of a menu. */ [dir="ltr"] .menu .button { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .menu .button { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .menu .button { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .menu .button { - margin-left: 0 + margin-left: 0; } .menu .button { @@ -147,7 +144,7 @@ .button--primary { color: var(--color--white); - background-color: var(--color--primary-40) + background-color: var(--color--primary-40); } .button--primary:hover, @@ -170,23 +167,23 @@ .button--icon-back { display: inline-flex; - align-items: center + align-items: center; } [dir="ltr"] .button--icon-back:before { - margin-right: 0.5em + margin-right: 0.5em; } [dir="rtl"] .button--icon-back:before { - margin-left: 0.5em + margin-left: 0.5em; } [dir="ltr"] .button--icon-back:before { - border-left: solid 2px currentColor + border-left: solid 2px currentColor; } [dir="rtl"] .button--icon-back:before { - border-right: solid 2px currentColor + border-right: solid 2px currentColor; } .button--icon-back:before { diff --git a/core/themes/olivero/css/components/cke-dialog.css b/core/themes/olivero/css/components/cke-dialog.css index 4fedd506072c..6b067c699199 100644 --- a/core/themes/olivero/css/components/cke-dialog.css +++ b/core/themes/olivero/css/components/cke-dialog.css @@ -12,7 +12,7 @@ select.cke_dialog_ui_input_select { -webkit-appearance: menulist; - appearance: menulist + appearance: menulist; } select.cke_dialog_ui_input_select::-ms-expand { diff --git a/core/themes/olivero/css/components/comments.css b/core/themes/olivero/css/components/comments.css index 6f4d858d7969..3f8ff293a96c 100644 --- a/core/themes/olivero/css/components/comments.css +++ b/core/themes/olivero/css/components/comments.css @@ -29,7 +29,7 @@ } .comment--level-1 { - border-top: 2px solid var(--color--gray-95) + border-top: 2px solid var(--color--gray-95); } .comment--level-1 ~ .comment--level-1 { @@ -87,7 +87,7 @@ border-radius: 2px; background-color: var(--color--primary-40); font-size: 0.6875rem; - line-height: 1.3125rem + line-height: 1.3125rem; } [dir="ltr"] .comments__count:after { @@ -99,11 +99,11 @@ } [dir="ltr"] .comments__count:after { - border-right: 8px solid transparent; + border-right: 0.5rem solid transparent; } [dir="rtl"] .comments__count:after { - border-left: 8px solid transparent; + border-left: 0.5rem solid transparent; } .comments__count:after { @@ -112,7 +112,7 @@ width: 0; height: 0; content: ""; - border-top: 7px solid var(--color--primary-40); + border-top: 0.4375rem solid var(--color--primary-40); } .comment-form { @@ -137,7 +137,7 @@ .comment { position: relative; - padding-top: var(--sp2) + padding-top: var(--sp2); } @media (min-width: 43.75rem) { @@ -152,7 +152,7 @@ } .comment__text-content { - font-size: 1rem + font-size: 1rem; } .comment__text-content blockquote { @@ -160,10 +160,7 @@ line-height: var(--sp2); } -.comment__text-content { - - /* Override for .field:not(:last-child) */ -} +/* Override for .field:not(:last-child) */ .comment__text-content:not(:last-child) { margin-bottom: 0; @@ -178,7 +175,7 @@ text-decoration: none; font-size: 0.875rem; font-weight: bold; - line-height: var(--sp) + line-height: var(--sp); } .comment__links-link:hover { @@ -206,7 +203,7 @@ width: var(--sp2); height: var(--sp2); border-radius: 50%; - background-color: var(--color--gray-95) + background-color: var(--color--gray-95); } .add-comment__picture *:not(img), .comment__picture *:not(img) { @@ -218,7 +215,7 @@ .add-comment__picture img, .comment__picture img { width: 100%; height: 100%; - object-fit: cover + object-fit: cover; /* @TODO: create image-style for profile's avatar to have image squared by default. */ } @@ -233,7 +230,7 @@ /* stylelint-enable csstools/use-logical */ width: 100%; height: auto; - transform: translate(-50%, -50%) + transform: translate(-50%, -50%); } } @@ -252,7 +249,7 @@ .add-comment__picture, .comment__picture { width: var(--sp3); - height: var(--sp3) + height: var(--sp3); } } @@ -268,7 +265,7 @@ .indented .comment__picture { width: var(--sp2); - height: var(--sp2) + height: var(--sp2); } } @@ -288,7 +285,7 @@ font-family: var(--font-sans); font-size: 1rem; font-weight: 700; - line-height: var(--sp) + line-height: var(--sp); } .comment__author a { @@ -332,7 +329,7 @@ top: var(--sp2); /* Comment's padding-top */ width: 0; height: 100%; - content: "" + content: ""; } @media (min-width: 43.75rem) { @@ -402,7 +399,7 @@ font-weight: 600; line-height: 1.125rem; -webkit-appearance: none; - appearance: none + appearance: none; } .show-hide-btn[aria-expanded="true"]:after { diff --git a/core/themes/olivero/css/components/content-moderation.css b/core/themes/olivero/css/components/content-moderation.css index b2df805ea725..b6fde852a5b4 100644 --- a/core/themes/olivero/css/components/content-moderation.css +++ b/core/themes/olivero/css/components/content-moderation.css @@ -24,25 +24,25 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .entity-moderation-form { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .entity-moderation-form { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .entity-moderation-form { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .entity-moderation-form { - padding-left: var(--sp) + padding-left: var(--sp); } .entity-moderation-form { flex-direction: column; border: 1px solid var(--color--gray-95); - background-color: var(--color--gray-100) + background-color: var(--color--gray-100); } .entity-moderation-form select, @@ -53,103 +53,103 @@ @media (min-width: 43.75rem) { .entity-moderation-form { - flex-direction: row + flex-direction: row; } } [dir="ltr"] .entity-moderation-form__item { - margin-right: var(--sp) + margin-right: var(--sp); } [dir="rtl"] .entity-moderation-form__item { - margin-left: var(--sp) + margin-left: var(--sp); } .entity-moderation-form__item { - flex-basis: 0 + flex-basis: 0; } [dir="ltr"] .entity-moderation-form__item:last-child { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .entity-moderation-form__item:last-child { - margin-left: 0 + margin-left: 0; } .entity-moderation-form__item:last-child { - align-self: flex-start + align-self: flex-start; } @media (min-width: 43.75rem) { .entity-moderation-form__item:last-child { - align-self: flex-end + align-self: flex-end; } } [dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { - margin-right: 0 + margin-right: 0; } .layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { - width: 100% + width: 100%; } @supports (width: max-content) { .layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { - width: max-content + width: max-content; } } @media (min-width: 43.75rem) { [dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { - margin-left: calc(-2 * (var(--grid-col-width) + var(--grid-gap))) + margin-left: calc(-2 * (var(--grid-col-width) + var(--grid-gap))); } [dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { - margin-right: calc(-2 * (var(--grid-col-width) + var(--grid-gap))) + margin-right: calc(-2 * (var(--grid-col-width) + var(--grid-gap))); } .layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap)); margin-top: var(--sp2); - margin-bottom: var(--sp4) + margin-bottom: var(--sp4); } } @media (min-width: 62.5rem) { [dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { - margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) + margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } [dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { - margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) + margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } .layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { - width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)) + width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)); } } @media (min-width: 90rem) { [dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { - margin-right: 0 + margin-right: 0; } .layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { - width: calc(10 * var(--grid-col-width) + 11 * var(--grid-gap)) + width: calc(10 * var(--grid-col-width) + 11 * var(--grid-gap)); } } diff --git a/core/themes/olivero/css/components/details.css b/core/themes/olivero/css/components/details.css index 478c462a02ad..6d3a625c1cf9 100644 --- a/core/themes/olivero/css/components/details.css +++ b/core/themes/olivero/css/components/details.css @@ -150,7 +150,7 @@ /* Details content wrapper */ .olivero-details__wrapper { - margin: var(--sp1) + margin: var(--sp1); } @media (min-width: 62.5rem) { @@ -173,7 +173,7 @@ .olivero-details__wrapper { margin-top: var(--sp1-5); - margin-bottom: var(--sp1-5) + margin-bottom: var(--sp1-5); } } diff --git a/core/themes/olivero/css/components/dropbutton.css b/core/themes/olivero/css/components/dropbutton.css index 3f53ed7e9222..9737357c2864 100644 --- a/core/themes/olivero/css/components/dropbutton.css +++ b/core/themes/olivero/css/components/dropbutton.css @@ -18,7 +18,7 @@ --dropbutton--border-radius: var(--border-radius); --dropbutton--font-size: var(--font-size-s); --dropbutton--text-color: var(--color-text-neutral-medium); /* Minimum 4.5:1 contrast ratio against --dropbutton--active-bg-color and --dropbutton--secondary-bg-color. */ - --dropbutton--text-hover-color: var(--color-text-primary-medium) /* Minimum 4.5:1 contrast ratio against --dropbutton--active-bg-color and --dropbutton--secondary-bg-color. */ + --dropbutton--text-hover-color: var(--color-text-primary-medium); /* Minimum 4.5:1 contrast ratio against --dropbutton--active-bg-color and --dropbutton--secondary-bg-color. */ } .dropbutton-wrapper.open { @@ -39,7 +39,7 @@ position: relative; width: max-content; height: var(--dropbutton--height); - border-radius: var(--dropbutton--border-radius) + border-radius: var(--dropbutton--border-radius); } [dir="ltr"] .dropbutton-single .dropbutton-widget { @@ -51,7 +51,7 @@ } .dropbutton-wrapper.open .dropbutton-widget { - border-radius: var(--dropbutton--border-radius) var(--dropbutton--border-radius) 0 0 + border-radius: var(--dropbutton--border-radius) var(--dropbutton--border-radius) 0 0; } [dir="ltr"] .dropbutton { @@ -100,7 +100,7 @@ cursor: pointer; border-color: transparent; border-radius: 0 var(--border-radius) var(--border-radius) 0; /* LTR */ - background: var(--dropbutton--active-bg-color) + background: var(--dropbutton--active-bg-color); } .dropbutton-toggle button:focus { @@ -115,11 +115,11 @@ content: ""; transform: translateY(-25%) rotate(45deg); border-right: solid 2px var(--dropbutton--outline-color); - border-bottom: solid 2px var(--dropbutton--outline-color) + border-bottom: solid 2px var(--dropbutton--outline-color); } -.dropbutton-wrapper.open .dropbutton-toggle button:before { - transform: translateY(25%) rotate(225deg) +.dropbutton-wrapper.open :is(.dropbutton-toggle button:before) { + transform: translateY(25%) rotate(225deg); } [dir="rtl"] .dropbutton-toggle button { @@ -139,7 +139,7 @@ .dropbutton-action:first-child { border: solid 1px transparent; border-radius: var(--dropbutton--border-radius) 0 0 var(--dropbutton--border-radius); /* LTR */ - background: var(--dropbutton--active-bg-color) + background: var(--dropbutton--active-bg-color); } [dir="rtl"] .dropbutton-action:first-child { @@ -154,7 +154,7 @@ padding: 0 0.5625rem; text-decoration: none; color: var(--dropbutton--text-color); - font-weight: 600 + font-weight: 600; } .dropbutton-action a:hover { @@ -166,14 +166,11 @@ outline-offset: -1px; /* Overlap parent container by 1px. */ } -.dropbutton-action { - - /* Special rules if there is only one action. */ -} +/* Special rules if there is only one action. */ .dropbutton-single .dropbutton-action:first-child { border-right: solid 1px transparent; /* LTR */ - border-radius: var(--dropbutton--border-radius) + border-radius: var(--dropbutton--border-radius); } [dir="rtl"] .dropbutton-single .dropbutton-action:first-child { @@ -191,7 +188,7 @@ width: calc(100% + var(--dropbutton--height)); border-right: 1px solid var(--dropbutton--active-bg-color); border-left: 1px solid var(--dropbutton--active-bg-color); - background: var(--dropbutton--secondary-bg-color) + background: var(--dropbutton--secondary-bg-color); } .secondary-action:last-child { @@ -203,5 +200,5 @@ } .dropbutton-wrapper.open .secondary-action { - visibility: visible + visibility: visible; } diff --git a/core/themes/olivero/css/components/embedded-media.css b/core/themes/olivero/css/components/embedded-media.css index bc8ccfea088e..0d339ca840b8 100644 --- a/core/themes/olivero/css/components/embedded-media.css +++ b/core/themes/olivero/css/components/embedded-media.css @@ -51,7 +51,7 @@ figcaption { font-family: var(--font-serif); font-size: 0.875rem; font-style: italic; - line-height: var(--sp) + line-height: var(--sp); } @media (min-width: 31.25rem) { @@ -74,7 +74,7 @@ figcaption { figcaption { padding-top: var(--sp); - padding-bottom: var(--sp) + padding-bottom: var(--sp); } } @@ -98,7 +98,7 @@ figcaption { float: none; /* Override core's align.module.css. */ max-width: 100%; margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } @media (min-width: 43.75rem) { @@ -130,16 +130,13 @@ figcaption { .align-right { max-width: 50%; margin-top: var(--sp); - margin-bottom: var(--sp) + margin-bottom: var(--sp); } } /* Pull out of grid if nested in content narrow layout. */ -.layout--content-narrow .align-right, -.layout--pass--content-narrow > * .align-right { - /* @todo this can be simplified. */ -} +/* @todo this can be simplified. */ @media (min-width: 43.75rem) { @@ -213,7 +210,7 @@ figcaption { float: none; /* Override core's align.module.css. */ max-width: 100%; margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } @media (min-width: 43.75rem) { @@ -245,7 +242,7 @@ figcaption { .align-left { max-width: 50%; margin-top: var(--sp); - margin-bottom: var(--sp) /* Extra right margins in case of aligning next to lists. */ + margin-bottom: var(--sp); /* Extra right margins in case of aligning next to lists. */ } } diff --git a/core/themes/olivero/css/components/feed.css b/core/themes/olivero/css/components/feed.css index 949429b09251..00ff21e6a149 100644 --- a/core/themes/olivero/css/components/feed.css +++ b/core/themes/olivero/css/components/feed.css @@ -27,7 +27,7 @@ display: flex; align-items: center; text-decoration: none; - color: var(--color-text-neutral-soft) + color: var(--color-text-neutral-soft); } .feed-icon:hover { @@ -42,11 +42,11 @@ } [dir="ltr"] .feed-icon__icon { - margin-left: var(--sp0-5) + margin-left: var(--sp0-5); } [dir="rtl"] .feed-icon__icon { - margin-right: var(--sp0-5) + margin-right: var(--sp0-5); } .feed-icon__icon { @@ -57,7 +57,7 @@ width: var(--sp1-5); height: var(--sp1-5); color: var(--color--white); - background-color: var(--color--primary-50) + background-color: var(--color--primary-50); } .feed-icon__icon svg { diff --git a/core/themes/olivero/css/components/field.css b/core/themes/olivero/css/components/field.css index 4603241fc238..f71f06f92694 100644 --- a/core/themes/olivero/css/components/field.css +++ b/core/themes/olivero/css/components/field.css @@ -28,7 +28,7 @@ } .node--view-mode-teaser .field { - margin-bottom: var(--sp) + margin-bottom: var(--sp); } .node--view-mode-teaser .field:last-child { @@ -38,7 +38,7 @@ @media (min-width: 62.5rem) { .node--view-mode-teaser .field { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } diff --git a/core/themes/olivero/css/components/fieldset.css b/core/themes/olivero/css/components/fieldset.css index 2ea2b47cfc0b..2d61b4ced8b4 100644 --- a/core/themes/olivero/css/components/fieldset.css +++ b/core/themes/olivero/css/components/fieldset.css @@ -94,7 +94,7 @@ _:-ms-fullscreen, background-color: var(--color--gray-45); font-size: var(--font-size-l); font-weight: 700; - line-height: var(--line-height-base) + line-height: var(--line-height-base); } .fieldset__legend + * { @@ -174,13 +174,13 @@ _:-ms-fullscreen, background-position: left top; /* LTR */ background-size: var(--sp1) var(--sp1); font-size: var(--font-size-s); - line-height: var(--line-height-s) + line-height: var(--line-height-s); } @media screen and (-ms-high-contrast: active) { .fieldset__error-message { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E") + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E"); } } diff --git a/core/themes/olivero/css/components/footer.css b/core/themes/olivero/css/components/footer.css index 95897c3b5800..cbc131e8c114 100644 --- a/core/themes/olivero/css/components/footer.css +++ b/core/themes/olivero/css/components/footer.css @@ -26,27 +26,27 @@ .site-footer { position: relative; /* stack above left social bar */ color: var(--color--gray-65); - background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%) + background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%); } [dir="ltr"] .site-footer .menu { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .site-footer .menu { - margin-right: 0 + margin-right: 0; } .site-footer .menu { - list-style: none + list-style: none; } [dir="ltr"] .site-footer .menu ul { - margin-left: var(--sp) + margin-left: var(--sp); } [dir="rtl"] .site-footer .menu ul { - margin-right: var(--sp) + margin-right: var(--sp); } .site-footer .menu li { @@ -54,7 +54,7 @@ } .site-footer a { - color: inherit + color: inherit; } .site-footer a:hover { @@ -63,9 +63,9 @@ @media (min-width: 75rem) { [dir="ltr"] body:not(.is-always-mobile-nav) .site-footer { - border-left: solid var(--content-left) var(--color--black) + border-left: solid var(--content-left) var(--color--black); } [dir="rtl"] body:not(.is-always-mobile-nav) .site-footer { - border-right: solid var(--content-left) var(--color--black) + border-right: solid var(--content-left) var(--color--black); } } diff --git a/core/themes/olivero/css/components/form-boolean.css b/core/themes/olivero/css/components/form-boolean.css index 29836a269ff7..283b73c150f6 100644 --- a/core/themes/olivero/css/components/form-boolean.css +++ b/core/themes/olivero/css/components/form-boolean.css @@ -37,12 +37,12 @@ input[type="radio"] { background-position: 50% 50%; background-size: var(--sp1) var(--sp1); -webkit-appearance: none; - appearance: none + appearance: none; } input[type="checkbox"]:focus, input[type="radio"]:focus { border: solid 2px var(--color--primary-50); - outline: solid 2px var(--color--primary-50) + outline: solid 2px var(--color--primary-50); } @supports (outline-style: double) { @@ -51,7 +51,7 @@ input[type="checkbox"]:focus, input[type="radio"]:focus { border-width: 1px; outline-width: 6px; outline-style: double; - outline-offset: -1px + outline-offset: -1px; } } @@ -60,7 +60,7 @@ input[type="checkbox"]:hover, input[type="radio"]:hover { } input[type="checkbox"][disabled], input[type="radio"][disabled] { - background-color: var(--color--gray-100) + background-color: var(--color--gray-100); } input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover { @@ -75,31 +75,27 @@ input[type="checkbox"]:checked, input[type="radio"]:checked { border-width: 2px; } -input[type="checkbox"].error, input[type="radio"].error { - border: solid 2px var(--color--red) +input.error[type="checkbox"], input.error[type="radio"] { + border: solid 2px var(--color--red); } -input[type="checkbox"].error:focus, input[type="radio"].error:focus { +input.error[type="checkbox"]:focus, input.error[type="radio"]:focus { outline-color: var(--color--red); outline-offset: -2px; } -input[type="checkbox"], -input[type="radio"] { - - /* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */ -} +/* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */ -input[type="checkbox"].error::-ms-check, input[type="radio"].error::-ms-check { +input.error[type="checkbox"]::-ms-check, input.error[type="radio"]::-ms-check { border: 1px solid var(--color--red); } [dir="ltr"] input[type="checkbox"] + label,[dir="ltr"] input[type="radio"] + label { - padding-left: var(--sp0-5) + padding-left: var(--sp0-5); } [dir="rtl"] input[type="checkbox"] + label,[dir="rtl"] input[type="radio"] + label { - padding-right: var(--sp0-5) + padding-right: var(--sp0-5); } input[type="checkbox"] + label, input[type="radio"] + label { @@ -111,7 +107,7 @@ input[type="checkbox"]:checked { } input[type="radio"] { - border-radius: 50% + border-radius: 50%; } input[type="radio"]:checked { @@ -126,7 +122,7 @@ input[type="radio"]:focus { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color--primary-50); } -input[type="radio"].error:focus { +input.error[type="radio"]:focus { outline-color: transparent; box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color--red); } diff --git a/core/themes/olivero/css/components/form-select.css b/core/themes/olivero/css/components/form-select.css index 5dae6ca43236..55880c6fdf83 100644 --- a/core/themes/olivero/css/components/form-select.css +++ b/core/themes/olivero/css/components/form-select.css @@ -58,12 +58,12 @@ select { font-family: inherit; font-size: inherit; -webkit-appearance: none; - appearance: none + appearance: none; } select:focus { border: solid 2px var(--color--primary-50); - outline: solid 2px var(--color--primary-50) + outline: solid 2px var(--color--primary-50); } @supports (outline-style: double) { @@ -72,14 +72,11 @@ select:focus { border-width: 1px; outline-width: 6px; outline-style: double; - outline-offset: -1px + outline-offset: -1px; } } -select { - - /* Hides default chevron within Internet Explorer. */ -} +/* Hides default chevron within Internet Explorer. */ select::-ms-expand { display: none; @@ -91,7 +88,7 @@ select[disabled] { } select.error { - border: solid 2px var(--color--red) + border: solid 2px var(--color--red); } select.error:focus { @@ -102,7 +99,7 @@ select[multiple] { height: auto; padding: var(--sp0-5); background-image: none; - line-height: 1 /* Needed by non-Chromium based MS Edge browsers. */ + line-height: 1; /* Needed by non-Chromium based MS Edge browsers. */ } select[multiple] option { @@ -113,10 +110,7 @@ select.form-element--small { height: var(--sp2-5); } -select { - - /* Necessary to show chevron in forced colors mode in modern browsers. */ -} +/* Necessary to show chevron in forced colors mode in modern browsers. */ @media (forced-colors: active) { @@ -131,7 +125,7 @@ select { select { background-image: none; -webkit-appearance: listbox; - appearance: listbox /* Default <select> appearance value for modern browsers. */ + appearance: listbox; /* Default <select> appearance value for modern browsers. */ /* Lets browser set <select> appearance to whatever the browser's default is. */ } @@ -139,15 +133,12 @@ select { select { -webkit-appearance: revert; - appearance: revert + appearance: revert; } } } -select { - - /* Necessary for Internet Explorer to show chevron. */ -} +/* Necessary for Internet Explorer to show chevron. */ @media screen and (-ms-high-contrast: active) { diff --git a/core/themes/olivero/css/components/form-text.css b/core/themes/olivero/css/components/form-text.css index 7a94c8f6ff46..20d31b7d7df3 100644 --- a/core/themes/olivero/css/components/form-text.css +++ b/core/themes/olivero/css/components/form-text.css @@ -49,47 +49,47 @@ textarea { font-family: inherit; font-size: inherit; -webkit-appearance: none; - appearance: none + appearance: none; } -[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus { +:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea):focus { border: solid 2px var(--color--primary-50); - outline: solid 2px var(--color--primary-50) + outline: solid 2px var(--color--primary-50); } @supports (outline-style: double) { -[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus { +:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea):focus { border-width: 1px; outline-width: 6px; outline-style: double; - outline-offset: -1px + outline-offset: -1px; } } -[type="color"]::-ms-clear, [type="date"]::-ms-clear, [type="datetime-local"]::-ms-clear, [type="email"]::-ms-clear, [type="file"]::-ms-clear, [type="month"]::-ms-clear, [type="number"]::-ms-clear, [type="password"]::-ms-clear, [type="search"]::-ms-clear, [type="tel"]::-ms-clear, [type="text"]::-ms-clear, [type="time"]::-ms-clear, [type="url"]::-ms-clear, [type="week"]::-ms-clear, textarea::-ms-clear { +:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea)::-ms-clear { display: none; } -[type="color"][disabled], [type="date"][disabled], [type="datetime-local"][disabled], [type="email"][disabled], [type="file"][disabled], [type="month"][disabled], [type="number"][disabled], [type="password"][disabled], [type="search"][disabled], [type="tel"][disabled], [type="text"][disabled], [type="time"][disabled], [type="url"][disabled], [type="week"][disabled], textarea[disabled] { +[disabled]:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) { color: var(--color--gray-60); background-color: var(--color--gray-100); } -[type="color"].error, [type="date"].error, [type="datetime-local"].error, [type="email"].error, [type="file"].error, [type="month"].error, [type="number"].error, [type="password"].error, [type="search"].error, [type="tel"].error, [type="text"].error, [type="time"].error, [type="url"].error, [type="week"].error, textarea.error { - border: solid 2px var(--color--red) +.error:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) { + border: solid 2px var(--color--red); } -[type="color"].error:focus, [type="date"].error:focus, [type="datetime-local"].error:focus, [type="email"].error:focus, [type="file"].error:focus, [type="month"].error:focus, [type="number"].error:focus, [type="password"].error:focus, [type="search"].error:focus, [type="tel"].error:focus, [type="text"].error:focus, [type="time"].error:focus, [type="url"].error:focus, [type="week"].error:focus, textarea.error:focus { +.error:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea):focus { outline-color: var(--color--red); outline-offset: -2px; } -[type="color"].error + .ck-editor > .ck-editor__main, [type="date"].error + .ck-editor > .ck-editor__main, [type="datetime-local"].error + .ck-editor > .ck-editor__main, [type="email"].error + .ck-editor > .ck-editor__main, [type="file"].error + .ck-editor > .ck-editor__main, [type="month"].error + .ck-editor > .ck-editor__main, [type="number"].error + .ck-editor > .ck-editor__main, [type="password"].error + .ck-editor > .ck-editor__main, [type="search"].error + .ck-editor > .ck-editor__main, [type="tel"].error + .ck-editor > .ck-editor__main, [type="text"].error + .ck-editor > .ck-editor__main, [type="time"].error + .ck-editor > .ck-editor__main, [type="url"].error + .ck-editor > .ck-editor__main, [type="week"].error + .ck-editor > .ck-editor__main, textarea.error + .ck-editor > .ck-editor__main { +.error:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) + .ck-editor > .ck-editor__main { border: solid 2px var(--color--red); } -[type="color"].form-element--small, [type="date"].form-element--small, [type="datetime-local"].form-element--small, [type="email"].form-element--small, [type="file"].form-element--small, [type="month"].form-element--small, [type="number"].form-element--small, [type="password"].form-element--small, [type="search"].form-element--small, [type="tel"].form-element--small, [type="text"].form-element--small, [type="time"].form-element--small, [type="url"].form-element--small, [type="week"].form-element--small, textarea.form-element--small { +.form-element--small:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) { min-height: var(--sp2-5); } @@ -110,28 +110,26 @@ textarea { [type="url"], [type="week"], textarea { - width: auto + width: auto; } } -[type="date"] { - /* Ensure that date field isn't larger than other fields. */ -} +/* Ensure that date field isn't larger than other fields. */ [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper { - padding-left: 0 + padding-left: 0; } [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper { - padding-right: 0 + padding-right: 0; } [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper { - padding-right: 0 + padding-right: 0; } [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper { - padding-left: 0 + padding-left: 0; } [type="date"]::-webkit-datetime-edit-fields-wrapper { diff --git a/core/themes/olivero/css/components/form.css b/core/themes/olivero/css/components/form.css index 0b4a6e459eb7..a39b8c837d8e 100644 --- a/core/themes/olivero/css/components/form.css +++ b/core/themes/olivero/css/components/form.css @@ -113,7 +113,7 @@ tr .form-item, /* Use a background image to prevent screen readers from announcing the text. */ background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; - background-size: 0.5rem 0.5rem + background-size: 0.5rem 0.5rem; } @media screen and (-ms-high-contrast: active) { @@ -121,7 +121,7 @@ tr .form-item, .form-item__label.form-required::after, .fieldset__label.form-required::after, .required-mark::after { - background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23ffffff'/%3E%3C/svg%3E%0A") + background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23ffffff'/%3E%3C/svg%3E%0A"); } } @@ -162,13 +162,13 @@ tr .form-item, background-position: left top; /* LTR */ background-size: var(--sp1) var(--sp1); font-size: var(--font-size-s); - line-height: var(--line-height-s) + line-height: var(--line-height-s); } @media screen and (-ms-high-contrast: active) { .form-item--error-message { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E") + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E"); } } diff --git a/core/themes/olivero/css/components/header-buttons-mobile.css b/core/themes/olivero/css/components/header-buttons-mobile.css index abf86796a97f..0d35d5677422 100644 --- a/core/themes/olivero/css/components/header-buttons-mobile.css +++ b/core/themes/olivero/css/components/header-buttons-mobile.css @@ -24,35 +24,35 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .mobile-buttons { - margin-left: auto + margin-left: auto; } [dir="rtl"] .mobile-buttons { - margin-right: auto + margin-right: auto; } .mobile-buttons { - margin-top: var(--sp0-5) + margin-top: var(--sp0-5); } @media (min-width: 31.25rem) { .mobile-buttons { - margin-top: var(--sp2) + margin-top: var(--sp2); } } @media (min-width: 43.75rem) { .mobile-buttons { - margin-top: var(--sp4) + margin-top: var(--sp4); } } @media (min-width: 75rem) { .mobile-buttons { - margin-top: var(--sp6) + margin-top: var(--sp6); } } diff --git a/core/themes/olivero/css/components/header-navigation.css b/core/themes/olivero/css/components/header-navigation.css index 6fbc96844798..578115024b80 100644 --- a/core/themes/olivero/css/components/header-navigation.css +++ b/core/themes/olivero/css/components/header-navigation.css @@ -24,27 +24,27 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .header-nav { - left: 100% + left: 100%; } [dir="rtl"] .header-nav { - right: 100% + right: 100%; } [dir="ltr"] .header-nav { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .header-nav { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .header-nav { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .header-nav { - padding-left: var(--sp) + padding-left: var(--sp); } .header-nav { @@ -67,12 +67,12 @@ * viewport on short screens. */ border-top: solid var(--color--white) calc(var(--sp3) + var(--drupal-displace-offset-top, 0px)); background-color: var(--color--white); - box-shadow: 0 0 72px rgba(0, 0, 0, 0.1) + box-shadow: 0 0 72px rgba(0, 0, 0, 0.1); } .header-nav.is-active { visibility: visible; - transform: translateX(-100%) /* LTR */ + transform: translateX(-100%); /* LTR */ } [dir="rtl"] .header-nav.is-active { @@ -82,44 +82,41 @@ @media (min-width: 31.25rem) { .header-nav { - border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px)) + border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px)); } } @media (min-width: 43.75rem) { [dir="ltr"] .header-nav { - padding-left: var(--sp3) + padding-left: var(--sp3); } [dir="rtl"] .header-nav { - padding-right: var(--sp3) + padding-right: var(--sp3); } .header-nav { padding-bottom: var(--sp3); - border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px)) + border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px)); } } @media (min-width: 62.5rem) { .header-nav { - grid-column: 5 / 14 + grid-column: 5 / 14; } } -.header-nav { - - /* +/* * Ensure top border has the same color as the background when in forced colors. */ -} @media (forced-colors: active) { .header-nav { - border-top-color: canvas + border-top-color: canvas; } } @@ -135,19 +132,19 @@ html.js .header-nav { @media (min-width: 75rem) { [dir="ltr"] body:not(.is-always-mobile-nav) .header-nav { - padding-left: 0 + padding-left: 0; } [dir="rtl"] body:not(.is-always-mobile-nav) .header-nav { - padding-right: 0 + padding-right: 0; } [dir="ltr"] body:not(.is-always-mobile-nav) .header-nav { - padding-right: 0 + padding-right: 0; } [dir="rtl"] body:not(.is-always-mobile-nav) .header-nav { - padding-left: 0 + padding-left: 0; } body:not(.is-always-mobile-nav) .header-nav { @@ -166,49 +163,49 @@ body:not(.is-always-mobile-nav) .header-nav { transition: transform 0.2s; transform: none; border-top: 0; - box-shadow: none + box-shadow: none; } } @media (min-width: 75rem) { [dir="ltr"] body.is-always-mobile-nav .header-nav { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] body.is-always-mobile-nav .header-nav { - padding-left: var(--sp) + padding-left: var(--sp); } body.is-always-mobile-nav .header-nav { overflow: auto; max-width: calc((7 * (var(--grid-col-width) + var(--grid-gap)))); transition: transform 0.2s, visibility 0.2s; - border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11)) + border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11)); } } @media (min-width: 90rem) { [dir="ltr"] body.is-always-mobile-nav .header-nav { - padding-right: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp))) + padding-right: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp))); } [dir="rtl"] body.is-always-mobile-nav .header-nav { - padding-left: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp))) + padding-left: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp))); } body.is-always-mobile-nav .header-nav { - max-width: calc(100vw - (var(--max-width) + var(--content-left)) + ((7 * (var(--grid-col-width) + var(--grid-gap))))) + max-width: calc(100vw - (var(--max-width) + var(--content-left)) + ((7 * (var(--grid-col-width) + var(--grid-gap))))); } } [dir="ltr"] .header-nav-overlay { - left: 0 + left: 0; } [dir="rtl"] .header-nav-overlay { - right: 0 + right: 0; } .header-nav-overlay { @@ -219,16 +216,16 @@ body.is-always-mobile-nav .header-nav { width: 100%; height: 100vh; opacity: 0.2; - background: var(--color--gray-5) + background: var(--color--gray-5); } @media (forced-colors: active) { .header-nav-overlay { - background: canvastext + background: canvastext; } } .is-overlay-active .header-nav-overlay { - display: block + display: block; } diff --git a/core/themes/olivero/css/components/header-search-narrow.css b/core/themes/olivero/css/components/header-search-narrow.css index df61b64a57df..ab1b1d4b1923 100644 --- a/core/themes/olivero/css/components/header-search-narrow.css +++ b/core/themes/olivero/css/components/header-search-narrow.css @@ -27,7 +27,7 @@ margin-left: calc(-1 * var(--sp)); margin-right: calc(-1 * var(--sp)); margin-bottom: var(--sp2); - background: var(--color--black) + background: var(--color--black); } .block-search-narrow .search-block-form { @@ -44,19 +44,19 @@ } [dir="ltr"] .block-search-narrow input[type="search"] { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .block-search-narrow input[type="search"] { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .block-search-narrow input[type="search"] { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .block-search-narrow input[type="search"] { - padding-left: var(--sp) + padding-left: var(--sp); } .block-search-narrow input[type="search"] { @@ -75,7 +75,7 @@ box-shadow: none; font-family: var(--font-serif); font-size: 1rem; - -webkit-appearance: none + -webkit-appearance: none; } .block-search-narrow input[type="search"]::-ms-clear { @@ -86,7 +86,7 @@ .block-search-narrow input[type="search"]:focus { outline: solid 4px transparent; outline-offset: -4px; - background-size: 100% 0.3125rem + background-size: 100% 0.3125rem; /* We normally indicate focus by animating background-image width. This isn't @@ -97,63 +97,63 @@ @media screen and (-ms-high-contrast: active) { .block-search-narrow input[type="search"]:focus { - border-bottom-width: 5px + border-bottom-width: 5px; } } @media (min-width: 43.75rem) { [dir="ltr"] .block-search-narrow input[type="search"] { - padding-left: var(--sp2) + padding-left: var(--sp2); } [dir="rtl"] .block-search-narrow input[type="search"] { - padding-right: var(--sp2) + padding-right: var(--sp2); } [dir="ltr"] .block-search-narrow input[type="search"] { - padding-right: var(--sp2) + padding-right: var(--sp2); } [dir="rtl"] .block-search-narrow input[type="search"] { - padding-left: var(--sp2) + padding-left: var(--sp2); } .block-search-narrow input[type="search"] { - height: calc(4 * var(--sp)) + height: calc(4 * var(--sp)); } } [dir="ltr"] .block-search-narrow .search-form__submit { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .block-search-narrow .search-form__submit { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .block-search-narrow .search-form__submit { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .block-search-narrow .search-form__submit { - margin-left: 0 + margin-left: 0; } [dir="ltr"] .block-search-narrow .search-form__submit { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .block-search-narrow .search-form__submit { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .block-search-narrow .search-form__submit { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .block-search-narrow .search-form__submit { - padding-left: 0 + padding-left: 0; } .block-search-narrow .search-form__submit { @@ -168,7 +168,7 @@ padding-bottom: 0; cursor: pointer; border-color: transparent; - background-color: transparent + background-color: transparent; /* When in Windows high contrast mode, FF will not output either background @@ -177,11 +177,11 @@ } [dir="ltr"] .block-search-narrow .search-form__submit .icon--search { - left: 0 + left: 0; } [dir="rtl"] .block-search-narrow .search-form__submit .icon--search { - right: 0 + right: 0; } .block-search-narrow .search-form__submit .icon--search { @@ -194,15 +194,15 @@ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27.2' viewBox='0 0 26 27.2'%3e %3cpath fill='%23fff' d='M25.8,25.5l-5.3-5.3c2.1-2.1,3.4-5.1,3.4-8.3C23.9,5.3,18.5,0,11.9,0C5.3,0,0,5.3,0,11.9c0,6.6,5.3,11.9,11.9,11.9c2.6,0,5.1-0.9,7-2.3l5.4,5.4c0.4,0.4,1,0.4,1.4,0C26.1,26.6,26.1,25.9,25.8,25.5z M11.9,21.9c-5.5,0-9.9-4.4-9.9-9.9S6.4,2,11.9,2c5.5,0,9.9,4.4,9.9,9.9S17.4,21.9,11.9,21.9z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; - background-size: auto + background-size: auto; } [dir="ltr"] .block-search-narrow .search-form__submit .icon--search:after { - left: 0 + left: 0; } [dir="rtl"] .block-search-narrow .search-form__submit .icon--search:after { - right: 0 + right: 0; } .block-search-narrow .search-form__submit .icon--search:after { @@ -214,7 +214,7 @@ transition: transform 0.2s; transform: scaleX(0); transform-origin: left; /* LTR */ - border-top: solid 5px var(--color--primary-50); + border-top: solid 0.3125rem var(--color--primary-50); } @media (forced-colors: active) { @@ -226,14 +226,14 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; - mask-position: center + mask-position: center; } } .block-search-narrow .search-form__submit:focus { outline: solid 4px transparent; outline-offset: -4px; - box-shadow: none + box-shadow: none; } .block-search-narrow .search-form__submit:focus span:after { @@ -243,7 +243,7 @@ @media screen and (-ms-high-contrast: active) { .block-search-narrow .search-form__submit:focus { - border-bottom-width: var(--sp0-5) + border-bottom-width: var(--sp0-5); } .block-search-narrow .search-form__submit:focus span:after { @@ -254,15 +254,12 @@ @media (min-width: 43.75rem) { .block-search-narrow .search-form__submit { - width: 5rem + width: 5rem; } } @media screen and (-ms-high-contrast: active) { - -.block-search-narrow .search-form__submit { /* IE11's high contrast show will not show the background image, so we show the text. */ - } .block-search-narrow .search-form__submit .visually-hidden { position: static; overflow: visible; @@ -272,43 +269,37 @@ text-align: center; } -.block-search-narrow .search-form__submit { - /* Edge's high contrast does show the background image, so we hide it. */ - } .block-search-narrow .search-form__submit .icon--search { display: none; } } -.block-search-narrow { - - /* 500px is the width of the primary nav at mobile. */ -} +/* 500px is the width of the primary nav at mobile. */ @media (min-width: 31.25rem) { [dir="ltr"] .block-search-narrow { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .block-search-narrow { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .block-search-narrow { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .block-search-narrow { - margin-left: 0 + margin-left: 0; } } @media (min-width: 75rem) { body:not(.is-always-mobile-nav) .block-search-narrow { - display: none + display: none; } } diff --git a/core/themes/olivero/css/components/header-search-wide.css b/core/themes/olivero/css/components/header-search-wide.css index dc6a6b82dd6e..3000fe9583b3 100644 --- a/core/themes/olivero/css/components/header-search-wide.css +++ b/core/themes/olivero/css/components/header-search-wide.css @@ -93,7 +93,7 @@ padding-top: 0; padding-bottom: 0; transition: all 0.2s; - background: var(--color--black) + background: var(--color--black); } .block-search-wide__wrapper.is-active { @@ -133,7 +133,7 @@ box-shadow: none; font-family: var(--font-serif); font-size: 2rem; - -webkit-appearance: none + -webkit-appearance: none; } .block-search-wide__wrapper input[type="search"]::-ms-clear { @@ -143,7 +143,7 @@ .block-search-wide__wrapper input[type="search"]:focus { outline: solid 4px transparent; - outline-offset: -4px + outline-offset: -4px; /* We normally indicate focus by animating background-image width. This isn't @@ -154,7 +154,7 @@ @media screen and (-ms-high-contrast: active) { .block-search-wide__wrapper input[type="search"]:focus { - border-bottom-width: var(--sp0-5) + border-bottom-width: var(--sp0-5); } } @@ -212,7 +212,7 @@ padding-bottom: 0; cursor: pointer; border-color: transparent; - background-color: transparent + background-color: transparent; /* When in Windows high contrast mode, FF will not output either background @@ -238,7 +238,7 @@ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27.2' viewBox='0 0 26 27.2'%3e %3cpath fill='%23fff' d='M25.8,25.5l-5.3-5.3c2.1-2.1,3.4-5.1,3.4-8.3C23.9,5.3,18.5,0,11.9,0C5.3,0,0,5.3,0,11.9c0,6.6,5.3,11.9,11.9,11.9c2.6,0,5.1-0.9,7-2.3l5.4,5.4c0.4,0.4,1,0.4,1.4,0C26.1,26.6,26.1,25.9,25.8,25.5z M11.9,21.9c-5.5,0-9.9-4.4-9.9-9.9S6.4,2,11.9,2c5.5,0,9.9,4.4,9.9,9.9S17.4,21.9,11.9,21.9z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; - background-size: contain + background-size: contain; } [dir="ltr"] .block-search-wide__wrapper .search-form__submit .icon--search:after { @@ -264,7 +264,7 @@ .block-search-wide__wrapper .search-form__submit:focus { outline: solid 4px transparent; outline-offset: -4px; - box-shadow: none + box-shadow: none; } .block-search-wide__wrapper .search-form__submit:focus span:after { @@ -274,7 +274,7 @@ @media screen and (-ms-high-contrast: active) { .block-search-wide__wrapper .search-form__submit:focus { - border-bottom-width: var(--sp0-5) + border-bottom-width: var(--sp0-5); } .block-search-wide__wrapper .search-form__submit:focus span:after { @@ -283,10 +283,7 @@ } @media screen and (-ms-high-contrast: active) { - -.block-search-wide__wrapper .search-form__submit { /* IE11's high contrast show will not show the background image, so we show the text. */ - } .block-search-wide__wrapper .search-form__submit .visually-hidden { position: static; overflow: visible; @@ -296,10 +293,7 @@ text-align: center; } -.block-search-wide__wrapper .search-form__submit { - /* Edge's high contrast does show the background image, so we hide it. */ - } .block-search-wide__wrapper .search-form__submit .icon--search { display: none; } @@ -342,12 +336,12 @@ color: var(--color-text-neutral-loud); /* Affects SVG search icon. */ border: 0; background: transparent; - -webkit-appearance: none + -webkit-appearance: none; } .block-search-wide__button:focus { position: relative; - outline: 0 + outline: 0; } .block-search-wide__button:focus:after { @@ -363,7 +357,7 @@ } .block-search-wide__button[aria-expanded="true"] { - background: var(--color--black) + background: var(--color--black); } .block-search-wide__button[aria-expanded="true"]:focus:after { @@ -412,7 +406,7 @@ @media (forced-colors: active) { .block-search-wide__button { - background: ButtonFace + background: ButtonFace; } .block-search-wide__button path { @@ -434,7 +428,7 @@ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper { background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */ background-repeat: no-repeat; background-position: bottom left; /* LTR */ - background-size: 0% 0.625rem + background-size: 0% 0.625rem; } [dir] .block-search-wide__wrapper input[type="search"]:focus { @@ -453,6 +447,6 @@ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper { body:not(.is-always-mobile-nav) .block-search-wide__wrapper, body:not(.is-always-mobile-nav) .block-search-wide__button { - display: block + display: block; } } diff --git a/core/themes/olivero/css/components/header-site-branding.css b/core/themes/olivero/css/components/header-site-branding.css index 53e0971aeb24..e87024f87dd2 100644 --- a/core/themes/olivero/css/components/header-site-branding.css +++ b/core/themes/olivero/css/components/header-site-branding.css @@ -25,28 +25,28 @@ [dir="ltr"] .site-branding { margin-left: calc(-1 * var(--container-padding)); - margin-right: var(--sp) + margin-right: var(--sp); } [dir="rtl"] .site-branding { margin-right: calc(-1 * var(--container-padding)); - margin-left: var(--sp) + margin-left: var(--sp); } [dir="ltr"] .site-branding { - padding-left: var(--container-padding) + padding-left: var(--container-padding); } [dir="rtl"] .site-branding { - padding-right: var(--container-padding) + padding-right: var(--container-padding); } [dir="ltr"] .site-branding { - padding-right: var(--container-padding) + padding-right: var(--container-padding); } [dir="rtl"] .site-branding { - padding-left: var(--container-padding) + padding-left: var(--container-padding); } .site-branding { @@ -57,13 +57,13 @@ min-height: var(--sp3); /* Negative margin to break out of .container element. */ padding-top: 0; padding-bottom: var(--sp0-5); - background-image: linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%) + background-image: linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%); } @media (min-width: 31.25rem) { .site-branding { - min-height: var(--sp4) + min-height: var(--sp4); } } @@ -72,31 +72,31 @@ .site-branding { min-width: calc((4 * var(--grid-col-width)) + (4 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 4 column widths. */ min-height: var(--sp6); - padding-bottom: var(--sp) + padding-bottom: var(--sp); } } @media (min-width: 62.5rem) { .site-branding { - min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)) /* Span minimum of 2 column widths. */ + min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */ } } @media (min-width: 75rem) { [dir="ltr"] .site-branding { - margin-left: calc(-1 * var(--container-padding)) + margin-left: calc(-1 * var(--container-padding)); } [dir="rtl"] .site-branding { - margin-right: calc(-1 * var(--container-padding)) + margin-right: calc(-1 * var(--container-padding)); } .site-branding { min-height: var(--site-header-height-wide); padding-top: 0; - padding-bottom: 0 + padding-bottom: 0; } } @@ -114,7 +114,7 @@ .site-branding__inner { display: flex; - align-items: center + align-items: center; } .site-branding__inner a { @@ -124,64 +124,64 @@ @media (min-width: 75rem) { [dir="ltr"] .site-branding__inner { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .site-branding__inner { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .site-branding__inner { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .site-branding__inner { - padding-left: 0 + padding-left: 0; } .site-branding__inner { height: var(--header-height-wide-when-fixed); padding-top: var(--sp0-5); - padding-bottom: var(--sp0-5) + padding-bottom: var(--sp0-5); } } .site-branding__logo { flex-shrink: 0; - max-width: 100% + max-width: 100%; } .site-branding__logo img { width: auto; max-width: 100%; - max-height: var(--sp2) + max-height: var(--sp2); } @media (min-width: 31.25rem) { .site-branding__logo img { - max-height: var(--sp3) + max-height: var(--sp3); } } @media (min-width: 43.75rem) { .site-branding__logo img { - max-height: var(--sp4) + max-height: var(--sp4); } } @media (min-width: 75rem) { .site-branding__logo img { - max-height: calc(var(--header-height-wide-when-fixed) - var(--sp)) + max-height: calc(var(--header-height-wide-when-fixed) - var(--sp)); } } .site-branding__text { color: var(--color--white); font-size: 1.125rem; - font-weight: bold + font-weight: bold; } .site-branding__text a { @@ -192,7 +192,7 @@ .site-branding__text { font-size: 1.75rem; - line-height: 1.75rem + line-height: 1.75rem; } } @@ -201,7 +201,7 @@ .site-branding__text { letter-spacing: 0.02em; font-size: 2rem; - line-height: var(--sp2) + line-height: var(--sp2); } } @@ -211,9 +211,9 @@ } [dir="ltr"] .site-branding__logo + .site-branding__text { - margin-left: 0.75rem + margin-left: 0.75rem; } [dir="rtl"] .site-branding__logo + .site-branding__text { - margin-right: 0.75rem + margin-right: 0.75rem; } diff --git a/core/themes/olivero/css/components/header-sticky-toggle.css b/core/themes/olivero/css/components/header-sticky-toggle.css index 3b681256ae4d..9901633dfbae 100644 --- a/core/themes/olivero/css/components/header-sticky-toggle.css +++ b/core/themes/olivero/css/components/header-sticky-toggle.css @@ -27,7 +27,7 @@ /* Width of the entire grid maxes out. */ .sticky-header-toggle { - display: none + display: none; } @media (min-width: 75rem) { @@ -43,7 +43,7 @@ opacity: 0; border: 0; outline: 0; - background-color: var(--color--primary-50) + background-color: var(--color--primary-50); } .sticky-header-toggle:focus { @@ -58,14 +58,14 @@ @media (min-width: 75rem) { body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle { - visibility: visible + visibility: visible; } } @media (min-width: 75rem) { body.is-always-mobile-nav .sticky-header-toggle { - visibility: hidden + visibility: hidden; } } @@ -75,22 +75,22 @@ body.is-always-mobile-nav .sticky-header-toggle { height: 1.3125rem; transition: opacity 0.2s; pointer-events: none; - transform-style: preserve-3d + transform-style: preserve-3d; } .sticky-header-toggle__icon > span { display: block; height: 0; /* Intentionally not using CSS logical properties. */ - border-top: solid 3px var(--color--white) + border-top: solid 3px var(--color--white); } [dir="ltr"] .sticky-header-toggle__icon > span:nth-child(1) { - left: 0 + left: 0; } [dir="rtl"] .sticky-header-toggle__icon > span:nth-child(1) { - right: 0 + right: 0; } .sticky-header-toggle__icon > span:nth-child(1) { @@ -103,11 +103,11 @@ body.is-always-mobile-nav .sticky-header-toggle { } [dir="ltr"] .sticky-header-toggle__icon > span:nth-child(2) { - left: 0 + left: 0; } [dir="rtl"] .sticky-header-toggle__icon > span:nth-child(2) { - right: 0 + right: 0; } .sticky-header-toggle__icon > span:nth-child(2) { @@ -120,11 +120,11 @@ body.is-always-mobile-nav .sticky-header-toggle { } [dir="ltr"] .sticky-header-toggle__icon > span:nth-child(3) { - left: 0 + left: 0; } [dir="rtl"] .sticky-header-toggle__icon > span:nth-child(3) { - right: 0 + right: 0; } .sticky-header-toggle__icon > span:nth-child(3) { diff --git a/core/themes/olivero/css/components/hero.css b/core/themes/olivero/css/components/hero.css index a3e81bc67ba9..ca4ed3daa26e 100644 --- a/core/themes/olivero/css/components/hero.css +++ b/core/themes/olivero/css/components/hero.css @@ -24,27 +24,27 @@ /* Width of the entire grid maxes out. */ .hero__content { - grid-column: 1 / 7 + grid-column: 1 / 7; } @media (min-width: 43.75rem) { .hero__content { /* 700px */ - grid-column: 3 / 13 + grid-column: 3 / 13; } } @media (min-width: 62.5rem) { .hero__content { - grid-column: 3 / 11 + grid-column: 3 / 11; } } .hero__img { grid-column: 1 / 7; margin-top: var(--sp2); - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } .hero__img img { @@ -55,7 +55,7 @@ .hero__img { margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } @@ -64,13 +64,13 @@ .hero__img { grid-column: 1 / 15; margin-top: var(--sp4); - margin-bottom: var(--sp4) + margin-bottom: var(--sp4); } } @media (min-width: 62.5rem) { .hero__img { - grid-column: 2 / 14 + grid-column: 2 / 14; } } diff --git a/core/themes/olivero/css/components/links.css b/core/themes/olivero/css/components/links.css index bba0f3b6fae3..30d4efd84f93 100644 --- a/core/themes/olivero/css/components/links.css +++ b/core/themes/olivero/css/components/links.css @@ -24,54 +24,54 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .links.inline { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .links.inline { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .links.inline { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .links.inline { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .links.inline { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .links.inline { - padding-left: 0 + padding-left: 0; } .links.inline { padding-top: 0; padding-bottom: 0; - list-style: none + list-style: none; } .links.inline > * { - display: inline + display: inline; } [dir="ltr"] .links.inline > *:not(:last-child) { - padding-right: 1em + padding-right: 1em; } [dir="rtl"] .links.inline > *:not(:last-child) { - padding-left: 1em + padding-left: 1em; } @media (min-width: 43.75rem) { [dir="ltr"] .node--type-book .links.inline { - text-align: right + text-align: right; } [dir="rtl"] .node--type-book .links.inline { - text-align: left + text-align: left; } } diff --git a/core/themes/olivero/css/components/maintenance-page.css b/core/themes/olivero/css/components/maintenance-page.css index 80c24e313a6a..fa385f38fd58 100644 --- a/core/themes/olivero/css/components/maintenance-page.css +++ b/core/themes/olivero/css/components/maintenance-page.css @@ -27,7 +27,7 @@ .maintenance-page .site-header__initial { flex-shrink: 0; - width: var(--content-left) + width: var(--content-left); } } @@ -38,7 +38,7 @@ .maintenance-page-icon { display: block; margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } .maintenance-page-icon path { diff --git a/core/themes/olivero/css/components/messages.css b/core/themes/olivero/css/components/messages.css index 402ed0318cab..e5b24f83bd70 100644 --- a/core/themes/olivero/css/components/messages.css +++ b/core/themes/olivero/css/components/messages.css @@ -73,17 +73,14 @@ padding-bottom: var(--sp1); color: var(--color--white); outline: solid 1px transparent; - background-color: var(--color--gray-5) + background-color: var(--color--gray-5); } .messages * { color: inherit; } -.messages { - - /* Additional specificity to override contrib modules. */ -} +/* Additional specificity to override contrib modules. */ .messages.messages-list__item { background-image: none; @@ -150,7 +147,7 @@ } .messages__header { - flex-shrink: 0 + flex-shrink: 0; } [dir="ltr"] .messages__header.no-icon { @@ -207,7 +204,7 @@ border: 0; background: none; -webkit-appearance: none; - appearance: none + appearance: none; } .messages__close:before, @@ -269,11 +266,11 @@ } [dir="ltr"] .js-form-managed-file .messages { - border-left: solid 6px var(--color--red); + border-left: solid 0.375rem var(--color--red); } [dir="rtl"] .js-form-managed-file .messages { - border-right: solid 6px var(--color--red); + border-right: solid 0.375rem var(--color--red); } .js-form-managed-file .messages { diff --git a/core/themes/olivero/css/components/navigation/menu-sidebar.css b/core/themes/olivero/css/components/navigation/menu-sidebar.css index e13d5e187ace..6611024408b9 100644 --- a/core/themes/olivero/css/components/navigation/menu-sidebar.css +++ b/core/themes/olivero/css/components/navigation/menu-sidebar.css @@ -24,7 +24,7 @@ /* Width of the entire grid maxes out. */ .menu--sidebar { - list-style: none + list-style: none; } .menu--sidebar .menu { @@ -36,19 +36,19 @@ } [dir="ltr"] .menu--sidebar .menu__link { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .menu--sidebar .menu__link { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .menu--sidebar .menu__link { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .menu--sidebar .menu__link { - padding-left: 0 + padding-left: 0; } .menu--sidebar .menu__link { @@ -57,17 +57,17 @@ padding-top: var(--sp0-75); padding-bottom: var(--sp0-75); font-family: var(--font-serif); - font-size: 1.125rem + font-size: 1.125rem; /* Bottom divider line. */ } [dir="ltr"] .menu--sidebar .menu__link:after { - left: 0 + left: 0; } [dir="rtl"] .menu--sidebar .menu__link:after { - right: 0 + right: 0; } .menu--sidebar .menu__link:after { @@ -82,18 +82,15 @@ .menu--sidebar .menu__link--link { text-decoration: none; color: var(--color-text-neutral-loud); - font-weight: 600 + font-weight: 600; } .menu--sidebar .menu__link--link:hover { color: var(--color--primary-50); } -.menu--sidebar { - - /* No bottom divider line for last menu item. */ -} +/* No bottom divider line for last menu item. */ -.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child:after, .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child:after { +:is(.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child,.menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child):after { content: none; } diff --git a/core/themes/olivero/css/components/navigation/nav-button-mobile.css b/core/themes/olivero/css/components/navigation/nav-button-mobile.css index b9bff475d41f..9171144c077f 100644 --- a/core/themes/olivero/css/components/navigation/nav-button-mobile.css +++ b/core/themes/olivero/css/components/navigation/nav-button-mobile.css @@ -24,35 +24,35 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .mobile-nav-button { - margin-left: auto + margin-left: auto; } [dir="rtl"] .mobile-nav-button { - margin-right: auto + margin-right: auto; } [dir="ltr"] .mobile-nav-button { - margin-right: -0.375rem + margin-right: -0.375rem; } [dir="rtl"] .mobile-nav-button { - margin-left: -0.375rem + margin-left: -0.375rem; } [dir="ltr"] .mobile-nav-button { - padding-left: 0.375rem + padding-left: 0.375rem; } [dir="rtl"] .mobile-nav-button { - padding-right: 0.375rem + padding-right: 0.375rem; } [dir="ltr"] .mobile-nav-button { - padding-right: 0.375rem + padding-right: 0.375rem; } [dir="rtl"] .mobile-nav-button { - padding-left: 0.375rem + padding-left: 0.375rem; } .mobile-nav-button { @@ -69,7 +69,7 @@ border: none; background: transparent; -webkit-appearance: none; - appearance: none + appearance: none; } .mobile-nav-button:focus { @@ -83,16 +83,16 @@ @media (min-width: 31.25rem) { [dir="ltr"] .mobile-nav-button { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .mobile-nav-button { - padding-right: var(--sp) + padding-right: var(--sp); } .mobile-nav-button { display: inline-flex; - width: auto + width: auto; } } @@ -105,17 +105,17 @@ clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; - word-wrap: normal + word-wrap: normal; } @media (min-width: 31.25rem) { [dir="ltr"] .mobile-nav-button__label { - margin-right: 0.75rem + margin-right: 0.75rem; } [dir="rtl"] .mobile-nav-button__label { - margin-left: 0.75rem + margin-left: 0.75rem; } .mobile-nav-button__label { @@ -126,7 +126,7 @@ height: auto; letter-spacing: 0.05em; font-size: 0.875rem; - font-weight: 600 + font-weight: 600; } } @@ -135,15 +135,15 @@ display: block; width: var(--sp2); height: 0; - border-top: solid 3px var(--color--primary-50) + border-top: solid 3px var(--color--primary-50); } [dir="ltr"] .mobile-nav-button__icon:before { - left: 0 + left: 0; } [dir="rtl"] .mobile-nav-button__icon:before { - right: 0 + right: 0; } .mobile-nav-button__icon:before { @@ -157,11 +157,11 @@ } [dir="ltr"] .mobile-nav-button__icon:after { - left: 0 + left: 0; } [dir="rtl"] .mobile-nav-button__icon:after { - right: 0 + right: 0; } .mobile-nav-button__icon:after { @@ -176,7 +176,7 @@ } .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon { - border-top: 0 + border-top: 0; } .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon:before { diff --git a/core/themes/olivero/css/components/navigation/nav-primary-button.css b/core/themes/olivero/css/components/navigation/nav-primary-button.css index 8f541d1a33f9..c62a138b447f 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary-button.css +++ b/core/themes/olivero/css/components/navigation/nav-primary-button.css @@ -24,19 +24,19 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .primary-nav__button-toggle { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .primary-nav__button-toggle { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .primary-nav__button-toggle { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .primary-nav__button-toggle { - padding-left: 0 + padding-left: 0; } .primary-nav__button-toggle { @@ -51,7 +51,7 @@ text-indent: -62.4375rem; border: 0; background: transparent; - -webkit-appearance: none + -webkit-appearance: none; } .primary-nav__button-toggle:focus { @@ -69,7 +69,7 @@ height: 1rem; transition: background-color 0.2s; transform: translate(-50%, -50%); - border-radius: 2px + border-radius: 2px; } .primary-nav__button-toggle .icon--menu-toggle:before, @@ -96,12 +96,9 @@ opacity: 0; } -.primary-nav__button-toggle { - - /* aria-hidden attribute is removed by JS. Button is non-functional +/* aria-hidden attribute is removed by JS. Button is non-functional until JS is enabled. */ -} .primary-nav__button-toggle[aria-hidden="true"] { pointer-events: none; @@ -109,22 +106,22 @@ @media (min-width: 75rem) { [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle { - margin-right: calc(-1 * var(--sp2)) + margin-right: calc(-1 * var(--sp2)); } [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle { - margin-left: calc(-1 * var(--sp2)) + margin-left: calc(-1 * var(--sp2)); } body:not(.is-always-mobile-nav) .primary-nav__button-toggle { flex-shrink: 0; align-self: stretch; width: calc(var(--sp2) + 0.5rem); height: auto; - margin-top: 0 + margin-top: 0; } body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus { border: 0; - outline: 0 + outline: 0; } body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus .icon--menu-toggle { @@ -141,18 +138,18 @@ } [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle { - left: 0.1875rem + left: 0.1875rem; } [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle { - right: 0.1875rem + right: 0.1875rem; } body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle { width: 1.125rem; transform: translateY(-50%); border-radius: 0.25rem; - background-color: var(--color--white) + background-color: var(--color--white); } body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:before { diff --git a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css index 6dd41a81d076..7ad38c9cd328 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css +++ b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css @@ -28,16 +28,14 @@ --no-js-nav-column-gap: var(--sp2); } -html:not(.js) { - /** +/** * Mobile styles for primary navigation when JS is disabled. */ -} @media (max-width: 75rem) { html:not(.js) .primary-nav__menu--level-1 { column-width: var(--no-js-nav-column-width); - grid-column-gap: var(--no-js-nav-column-gap); + column-gap: var(--no-js-nav-column-gap); } html:not(.js) .primary-nav__menu-item { @@ -85,6 +83,10 @@ html:not(.js) { padding-left: var(--sp2); } + html:not(.js) .header-nav { + border: solid 1px var(--color--gray-95) !important; + } + html:not(.js) .header-nav { position: static; visibility: visible; @@ -96,7 +98,6 @@ html:not(.js) { padding-top: var(--sp2); padding-bottom: 0; transform: none; - border: solid 1px var(--color--gray-95) !important; box-shadow: 0 0 36px var(--color--gray-90); } @@ -118,15 +119,12 @@ html:not(.js) { } @media (min-width: 75rem) { - -html:not(.js) { /** * Styles for 'always on mobile navigation' when JS is disabled. */ -} html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-1 { column-width: var(--no-js-nav-column-width); - grid-column-gap: var(--no-js-nav-column-gap); + column-gap: var(--no-js-nav-column-gap); } html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item { @@ -174,6 +172,10 @@ html:not(.js) { padding-left: var(--sp2); } + html:not(.js) body.is-always-mobile-nav .header-nav { + border: solid 1px var(--color--gray-95) !important; + } + html:not(.js) body.is-always-mobile-nav .header-nav { position: static; visibility: visible; @@ -185,7 +187,6 @@ html:not(.js) { padding-top: var(--sp2); padding-bottom: 0; transform: none; - border: solid 1px var(--color--gray-95) !important; box-shadow: 0 0 36px var(--color--gray-90); } @@ -205,25 +206,20 @@ html:not(.js) { content: none; } -html:not(.js) { - /** * Styles for traditional dropdown primary navigation when JS is disabled. */ -} html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2, html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu-🥕 { visibility: visible; transform: translate(-50%, 0); opacity: 1; } - html:not(.js) body:not(.is-always-mobile-nav) { /* * Cannot combine the focus-within pseudo selector with other selectors, * because it will break IE11 and earlier versions of MS Edge. */ - } html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu--level-2, html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu-🥕 { visibility: visible; diff --git a/core/themes/olivero/css/components/navigation/nav-primary-wide.css b/core/themes/olivero/css/components/navigation/nav-primary-wide.css index 3252a5b276c3..11bc11bbf264 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary-wide.css +++ b/core/themes/olivero/css/components/navigation/nav-primary-wide.css @@ -25,17 +25,14 @@ @media (min-width: 75rem) { body:not(.is-always-mobile-nav) .primary-nav__menu-item { - flex-wrap: nowrap /* Ensure that sub navigation toggle button doesn't wrap underneath link. */ + flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */ } body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link, body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink { flex-basis: auto; } - body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children { - /* Remove hover state if submenu exists. */ - } body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after { content: none; } @@ -43,12 +40,12 @@ body:not(.is-always-mobile-nav) .primary-nav__menu-link { letter-spacing: 0.02em; font-size: 1rem; - line-height: var(--sp1-5) + line-height: var(--sp1-5); } body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus { position: relative; - outline: 0 + outline: 0; } body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus:before { @@ -69,7 +66,7 @@ padding-left: 0.5625rem; } body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children { - overflow: visible /* Necessary to view icon in IE11 */ + overflow: visible; /* Necessary to view icon in IE11 */ } body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:focus:before { @@ -80,10 +77,8 @@ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before { content: none; } - body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children { /* Chevron icon for desktop navigation. */ - } [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after { left: calc(100% - 0.1875rem); } @@ -125,7 +120,7 @@ body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner { padding-top: var(--sp2); - padding-bottom: var(--sp2) + padding-bottom: var(--sp2); } body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:after { @@ -169,7 +164,7 @@ width: max-content; max-width: 12.5rem; margin-top: 0; - margin-bottom: 0 + margin-bottom: 0; } [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) { @@ -228,7 +223,7 @@ border-left: solid 1px transparent; border-radius: 0 0 2px 2px; background: var(--color--white); - box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08) + box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08); } body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent { @@ -239,7 +234,7 @@ } body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 { - display: block + display: block; } body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2:focus:before { @@ -267,25 +262,22 @@ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner { padding-top: var(--sp0-5); - padding-bottom: var(--sp0-5) + padding-bottom: var(--sp0-5); } body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after { transform-origin: left; /* LTR */ - border-top-width: 3px + border-top-width: 3px; } [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after { transform-origin: right; } -body:not(.is-always-mobile-nav) { - /** * Arrow is placed outside of submenu because the submenu has the * `overflow: hidden` CSS rule applied. */ -} body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 { position: absolute; z-index: 105; /* Match level 2 menus. */ @@ -299,7 +291,7 @@ body:not(.is-always-mobile-nav) { /* Intentionally not using CSS logical properties. */ border-right: solid 10px transparent; border-bottom: solid 10px var(--color--primary-50); - border-left: solid 10px transparent + border-left: solid 10px transparent; } body:not(.is-always-mobile-nav) .primary-nav__menu-🥕.is-active-menu-parent { @@ -308,13 +300,10 @@ body:not(.is-always-mobile-nav) { opacity: 1; } -body:not(.is-always-mobile-nav) { - /** * When ensuring that long menus don't overflow viewport, we can give a * little extra room when the toolbar is fixed (and is shorter). */ -} body:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 { max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp) + var(--sp4)); } diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css index 089a94a273b1..1b5b88b2dfc6 100644 --- a/core/themes/olivero/css/components/navigation/nav-primary.css +++ b/core/themes/olivero/css/components/navigation/nav-primary.css @@ -29,7 +29,7 @@ } .primary-nav__menu-item { - margin-bottom: var(--sp0-5) + margin-bottom: var(--sp0-5); } .primary-nav__menu-item:last-child { @@ -39,7 +39,7 @@ .primary-nav__menu-item.primary-nav__menu-item--has-children { display: flex; flex-wrap: wrap; - justify-content: space-between + justify-content: space-between; } .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link, @@ -54,7 +54,7 @@ color: var(--color-text-neutral-loud); font-size: 1.75rem; font-weight: bold; - line-height: var(--sp2) + line-height: var(--sp2); } .primary-nav__menu-link:hover { @@ -119,7 +119,7 @@ padding-bottom: 0; cursor: pointer; border: 0; - background: transparent + background: transparent; /* Plus icon for mobile navigation. */ } @@ -186,7 +186,7 @@ display: inline-flex; align-items: center; padding-top: var(--sp0-5); - padding-bottom: var(--sp0-5) + padding-bottom: var(--sp0-5); } [dir="ltr"] .primary-nav__menu-link-inner:after { @@ -211,7 +211,7 @@ } .primary-nav__menu-link:hover .primary-nav__menu-link-inner:after { - transform: scaleX(1) + transform: scaleX(1); } /* @@ -299,7 +299,7 @@ margin-top: 0; margin-bottom: 0; transition: opacity 0.2s, visibility 0.2s, max-height 0.2s; - opacity: 0 + opacity: 0; } .primary-nav__menu--level-2.is-active-menu-parent { diff --git a/core/themes/olivero/css/components/navigation/nav-secondary.css b/core/themes/olivero/css/components/navigation/nav-secondary.css index 7e8f05254fb8..89f88a19241e 100644 --- a/core/themes/olivero/css/components/navigation/nav-secondary.css +++ b/core/themes/olivero/css/components/navigation/nav-secondary.css @@ -79,7 +79,7 @@ /* @todo should this be scoped to desktop nav? */ width: max-content; - max-width: 12.5rem + max-width: 12.5rem; } [dir="ltr"] .secondary-nav__menu-item:not(:last-child) { @@ -96,7 +96,7 @@ align-items: center; height: var(--sp2); text-decoration: none; - color: inherit + color: inherit; } .secondary-nav__menu-link:after { @@ -133,7 +133,7 @@ } body:not(.is-always-mobile-nav) .secondary-nav { position: relative; - display: flex + display: flex; } [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav:before { @@ -163,7 +163,7 @@ } body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus { position: relative; - outline: 0 + outline: 0; } body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus:before { diff --git a/core/themes/olivero/css/components/navigation/wide-nav-expand.css b/core/themes/olivero/css/components/navigation/wide-nav-expand.css index 61b59c6eb448..00003e20bfb0 100644 --- a/core/themes/olivero/css/components/navigation/wide-nav-expand.css +++ b/core/themes/olivero/css/components/navigation/wide-nav-expand.css @@ -24,7 +24,7 @@ /* Width of the entire grid maxes out. */ .wide-nav-expand { - display: none + display: none; } @media (min-width: 75rem) { @@ -41,7 +41,7 @@ pointer-events: auto; color: var(--color--white); border: 0; - background-color: var(--color--primary-50) + background-color: var(--color--primary-50); } .wide-nav-expand:focus { @@ -53,14 +53,14 @@ @media (min-width: 75rem) { body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand { - visibility: visible + visibility: visible; } } @media (min-width: 75rem) { body.is-always-mobile-nav .wide-nav-expand { - visibility: hidden + visibility: hidden; } } @@ -71,22 +71,22 @@ body.is-always-mobile-nav .wide-nav-expand { transition: opacity 0.2s; pointer-events: none; opacity: 0; - transform-style: preserve-3d + transform-style: preserve-3d; } .wide-nav-expand__icon > span { display: block; height: 0; /* Intentionally not using CSS logical properties. */ - border-top: solid 3px currentColor + border-top: solid 3px currentColor; } [dir="ltr"] .wide-nav-expand__icon > span:nth-child(1) { - left: 0 + left: 0; } [dir="rtl"] .wide-nav-expand__icon > span:nth-child(1) { - right: 0 + right: 0; } .wide-nav-expand__icon > span:nth-child(1) { @@ -99,11 +99,11 @@ body.is-always-mobile-nav .wide-nav-expand { } [dir="ltr"] .wide-nav-expand__icon > span:nth-child(2) { - left: 0 + left: 0; } [dir="rtl"] .wide-nav-expand__icon > span:nth-child(2) { - right: 0 + right: 0; } .wide-nav-expand__icon > span:nth-child(2) { @@ -116,11 +116,11 @@ body.is-always-mobile-nav .wide-nav-expand { } [dir="ltr"] .wide-nav-expand__icon > span:nth-child(3) { - left: 0 + left: 0; } [dir="rtl"] .wide-nav-expand__icon > span:nth-child(3) { - right: 0 + right: 0; } .wide-nav-expand__icon > span:nth-child(3) { diff --git a/core/themes/olivero/css/components/node-teaser.css b/core/themes/olivero/css/components/node-teaser.css index b2e09d5a22df..52b69e3e3a34 100644 --- a/core/themes/olivero/css/components/node-teaser.css +++ b/core/themes/olivero/css/components/node-teaser.css @@ -25,7 +25,7 @@ .node--view-mode-teaser { position: relative; /* Anchor after pseudo-element. */ - margin-bottom: var(--sp1-5) + margin-bottom: var(--sp1-5); } .node--view-mode-teaser:after { @@ -39,7 +39,7 @@ } .node--view-mode-teaser .node__meta { - margin-bottom: var(--sp) + margin-bottom: var(--sp); } .node--view-mode-teaser .node__meta a { @@ -51,40 +51,40 @@ display: flex; flex-wrap: wrap; align-items: center; - margin: 0 + margin: 0; } @media (min-width: 62.5rem) { .node--view-mode-teaser .node__top-wrapper { - position: relative /* Anchor the image */ + position: relative; /* Anchor the image */ } } [dir="ltr"] .node--view-mode-teaser .primary-image { - margin-right: var(--sp1) + margin-right: var(--sp1); } [dir="rtl"] .node--view-mode-teaser .primary-image { - margin-left: var(--sp1) + margin-left: var(--sp1); } .node--view-mode-teaser .primary-image { flex-shrink: 0; margin: 0; - margin-bottom: var(--sp1) + margin-bottom: var(--sp1); /* Ensure title does not wrap under image until necessary. */ } -.node--view-mode-teaser .primary-image + .node__title { - flex-basis: calc(100% - calc(4.5 * var(--sp))) +:is(.node--view-mode-teaser .primary-image) + .node__title { + flex-basis: calc(100% - calc(4.5 * var(--sp))); } @media (min-width: 62.5rem) { -.node--view-mode-teaser .primary-image + .node__title { - flex-basis: auto +:is(.node--view-mode-teaser .primary-image) + .node__title { + flex-basis: auto; } } @@ -96,31 +96,31 @@ width: calc(3.5 * var(--sp)); height: calc(3.5 * var(--sp)); object-fit: cover; - border-radius: 50% + border-radius: 50%; } @media (min-width: 62.5rem) { .node--view-mode-teaser .primary-image img { width: var(--grid-col-width); - height: var(--grid-col-width) + height: var(--grid-col-width); } } @media (min-width: 62.5rem) { [dir="ltr"] .node--view-mode-teaser .primary-image { - left: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))) + left: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))); } [dir="rtl"] .node--view-mode-teaser .primary-image { - right: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))) + right: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))); } .node--view-mode-teaser .primary-image { position: absolute; top: 0; - margin: 0 + margin: 0; } } @@ -129,47 +129,47 @@ margin-bottom: var(--sp1); color: var(--color-text-neutral-loud); font-size: 1.5rem; - line-height: var(--line-height-base) + line-height: var(--line-height-base); } @media (min-width: 62.5rem) { .node--view-mode-teaser .node__title { font-size: var(--sp2); - line-height: var(--sp3) + line-height: var(--sp3); } } [dir="ltr"] .node--view-mode-teaser .field--tag-ref { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .node--view-mode-teaser .field--tag-ref { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .node--view-mode-teaser .field--tag-ref { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .node--view-mode-teaser .field--tag-ref { - margin-left: 0 + margin-left: 0; } [dir="ltr"] .node--view-mode-teaser .field--tag-ref { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .node--view-mode-teaser .field--tag-ref { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .node--view-mode-teaser .field--tag-ref { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .node--view-mode-teaser .field--tag-ref { - padding-left: 0 + padding-left: 0; } .node--view-mode-teaser .field--tag-ref { @@ -177,20 +177,20 @@ margin-bottom: 0; padding-top: 0; padding-bottom: 0; - background-color: transparent + background-color: transparent; } @media (min-width: 62.5rem) { .node--view-mode-teaser .field--tag-ref { - margin-top: var(--sp2) + margin-top: var(--sp2); } } @media (min-width: 62.5rem) { .node--view-mode-teaser { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/components/node.css b/core/themes/olivero/css/components/node.css index b2e17efb83ec..93acf6b39377 100644 --- a/core/themes/olivero/css/components/node.css +++ b/core/themes/olivero/css/components/node.css @@ -29,7 +29,7 @@ margin-bottom: var(--sp1); color: var(--color-text-neutral-soft); font-size: 0.875rem; - line-height: var(--sp) + line-height: var(--sp); } .node__meta a { @@ -39,16 +39,16 @@ @media (min-width: 31.25rem) { .node__meta { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } [dir="ltr"] .node__author-image img { - margin-right: var(--sp0-5) + margin-right: var(--sp0-5); } [dir="rtl"] .node__author-image img { - margin-left: var(--sp0-5) + margin-left: var(--sp0-5); } .node__author-image img { @@ -67,7 +67,7 @@ background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */ background-repeat: no-repeat; background-position: bottom left; /* LTR */ - background-size: 0 0.1875rem + background-size: 0 0.1875rem; } .node__title a:hover, @@ -80,13 +80,13 @@ } .node__content { - padding-bottom: var(--sp1-5) + padding-bottom: var(--sp1-5); } @media (min-width: 62.5rem) { .node__content { - padding-bottom: var(--sp3) + padding-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/components/pager.css b/core/themes/olivero/css/components/pager.css index bde451d63ed4..ba92996478f2 100644 --- a/core/themes/olivero/css/components/pager.css +++ b/core/themes/olivero/css/components/pager.css @@ -67,14 +67,14 @@ height: var(--sp2-5); cursor: default; color: var(--color-text-neutral-soft); - background-color: var(--color--white) + background-color: var(--color--white); } @media (min-width: 31.25rem) { .pager__item { width: var(--sp3); - height: var(--sp3) + height: var(--sp3); } } diff --git a/core/themes/olivero/css/components/powered-by-block.css b/core/themes/olivero/css/components/powered-by-block.css index 0c5af952ddc8..d480cc3cba02 100644 --- a/core/themes/olivero/css/components/powered-by-block.css +++ b/core/themes/olivero/css/components/powered-by-block.css @@ -26,11 +26,11 @@ .block-system-powered-by-block { letter-spacing: 0.02em; font-size: 0.875rem; - line-height: var(--sp) + line-height: var(--sp); } .block-system-powered-by-block a { - text-decoration: underline + text-decoration: underline; } .block-system-powered-by-block a:hover, @@ -39,11 +39,11 @@ } [dir="ltr"] .block-system-powered-by-block .drupal-logo { - margin-left: calc(var(--sp) / 4) + margin-left: calc(var(--sp) / 4); } [dir="rtl"] .block-system-powered-by-block .drupal-logo { - margin-right: calc(var(--sp) / 4) + margin-right: calc(var(--sp) / 4); } .block-system-powered-by-block .drupal-logo { @@ -54,7 +54,7 @@ .block-system-powered-by-block svg { width: 0.875rem; /* 14 */ height: 1.1875rem; /* 19 */ - vertical-align: top + vertical-align: top; } .block-system-powered-by-block svg path { diff --git a/core/themes/olivero/css/components/search-results.css b/core/themes/olivero/css/components/search-results.css index 0e50a4da283a..553922c9cd95 100644 --- a/core/themes/olivero/css/components/search-results.css +++ b/core/themes/olivero/css/components/search-results.css @@ -24,49 +24,49 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .search-results { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .search-results { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .search-results { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .search-results { - padding-left: 0 + padding-left: 0; } .search-results { margin-bottom: var(--sp2); padding-top: 0; padding-bottom: 0; - list-style: none + list-style: none; } @media (min-width: 43.75rem) { .search-results { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } [dir="ltr"] .search-result__title { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .search-result__title { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .search-result__title { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .search-result__title { - margin-left: 0 + margin-left: 0; } .search-result__title { @@ -74,7 +74,7 @@ margin-bottom: 0; color: var(--color-text-neutral-loud); font-size: 1.25rem; - line-height: var(--line-height-base) + line-height: var(--line-height-base); } .search-result__title a { @@ -85,7 +85,7 @@ background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */ background-repeat: no-repeat; background-position: bottom left; /* LTR */ - background-size: 0 0.1875rem + background-size: 0 0.1875rem; } .search-result__title a:hover { @@ -97,7 +97,7 @@ .search-result__title { margin-bottom: var(--sp1); font-size: 1.875rem; - line-height: var(--sp3) + line-height: var(--sp3); } } @@ -106,13 +106,13 @@ } .search-result__snippet { - padding-bottom: calc(var(--sp1-5) - 2px) + padding-bottom: calc(var(--sp1-5) - 2px); } @media (min-width: 62.5rem) { .search-result__snippet { - padding-bottom: var(--sp3) + padding-bottom: var(--sp3); } } @@ -122,7 +122,7 @@ margin-bottom: var(--sp1); color: var(--color-text-neutral-soft); font-size: 0.875rem; - line-height: var(--sp) + line-height: var(--sp); } .search-result__meta a { @@ -132,7 +132,7 @@ .search-results__item { position: relative; /* Anchor after pseudo-element. */ - margin-bottom: var(--sp1-5) + margin-bottom: var(--sp1-5); } .search-results__item:after { @@ -152,6 +152,6 @@ @media (min-width: 62.5rem) { .search-results__item { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css index f11e7cfed2b7..aa79fa0e6eb3 100644 --- a/core/themes/olivero/css/components/site-header.css +++ b/core/themes/olivero/css/components/site-header.css @@ -29,7 +29,7 @@ * Ensure mobile site header is always above other elements including * contextual links, and Tour. */ - z-index: 101 + z-index: 101; } @media (min-width: 75rem) { @@ -37,7 +37,7 @@ .site-header { /* Necessary to keep the content from jumping up when header transitions to fixed. */ min-height: var(--site-header-height-wide); - border-bottom: solid 1px transparent /* Will show in Windows high contrast mode. */ + border-bottom: solid 1px transparent; /* Will show in Windows high contrast mode. */ } } @@ -53,7 +53,7 @@ .site-header__fixable { display: flex; align-items: flex-end; - transition: all 0.5s + transition: all 0.5s; } @media (min-width: 75rem) { @@ -86,21 +86,21 @@ @media (min-width: 75rem) { html.js body:not(.is-always-mobile-nav) .site-header__inner { - transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s + transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s; } } @media (min-width: 75rem) { .site-header__fixable.is-expanded .site-header__inner { - box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08) /* LTR */ + box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */ } } @media (min-width: 75rem) { [dir="rtl"] .site-header__fixable.is-expanded .site-header__inner { - box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08) + box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08); } } @@ -110,14 +110,14 @@ html.js body:not(.is-always-mobile-nav) .site-header__inner { body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { transform: translateX(-101%); /* LTR */ - opacity: 0 + opacity: 0; } } @media (min-width: 75rem) { [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { - transform: translateX(101%) + transform: translateX(101%); } } diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css index c425c7920be7..d8970830188a 100644 --- a/core/themes/olivero/css/components/skip-link.css +++ b/core/themes/olivero/css/components/skip-link.css @@ -26,19 +26,19 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .skip-link { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .skip-link { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .skip-link { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .skip-link { - padding-left: var(--sp) + padding-left: var(--sp); } .skip-link { @@ -50,7 +50,7 @@ text-decoration: none; color: var(--color--white); outline: 0; - background-color: var(--color--gray-5) + background-color: var(--color--gray-5); } .skip-link:hover { @@ -63,7 +63,10 @@ } .skip-link.focusable:focus { - position: absolute !important; /* Override position from module file. */ + position: absolute !important; +} + +.skip-link.focusable:focus { /* Override position from module file. */ z-index: 503; width: 100%; height: 2.5rem; diff --git a/core/themes/olivero/css/components/table.css b/core/themes/olivero/css/components/table.css index 6edbedf78e04..31e06ae21deb 100644 --- a/core/themes/olivero/css/components/table.css +++ b/core/themes/olivero/css/components/table.css @@ -35,18 +35,18 @@ border-collapse: collapse; font-family: var(--font-sans); font-size: 1rem; - line-height: var(--sp1-5) + line-height: var(--sp1-5); } -[dir="ltr"] .forum table caption,[dir="ltr"] .text-content table caption,[dir="ltr"] .views-table caption,[dir="ltr"] .draggable-table caption { - text-align: left +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) caption { + text-align: left; } -[dir="rtl"] .forum table caption,[dir="rtl"] .text-content table caption,[dir="rtl"] .views-table caption,[dir="rtl"] .draggable-table caption { - text-align: right +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) caption { + text-align: right; } -.forum table caption, .text-content table caption, .views-table caption, .draggable-table caption { +:is(.forum table,.text-content table,.views-table,.draggable-table) caption { margin-bottom: var(--sp1); color: var(--color-text-neutral-medium); font-family: var(--font-serif); @@ -55,92 +55,58 @@ line-height: var(--sp); } -.forum table tr:last-child td, .text-content table tr:last-child td, .views-table tr:last-child td, .draggable-table tr:last-child td { +:is(.forum table,.text-content table,.views-table,.draggable-table) tr:last-child td { border-bottom: 0; } -[dir="ltr"] .forum table td,[dir="ltr"] - .forum table th,[dir="ltr"] - .text-content table td,[dir="ltr"] - .text-content table th,[dir="ltr"] - .views-table td,[dir="ltr"] - .views-table th,[dir="ltr"] - .draggable-table td,[dir="ltr"] - .draggable-table th { - padding-left: 0 -} - -[dir="rtl"] .forum table td,[dir="rtl"] - .forum table th,[dir="rtl"] - .text-content table td,[dir="rtl"] - .text-content table th,[dir="rtl"] - .views-table td,[dir="rtl"] - .views-table th,[dir="rtl"] - .draggable-table td,[dir="rtl"] - .draggable-table th { - padding-right: 0 -} - -[dir="ltr"] .forum table td,[dir="ltr"] - .forum table th,[dir="ltr"] - .text-content table td,[dir="ltr"] - .text-content table th,[dir="ltr"] - .views-table td,[dir="ltr"] - .views-table th,[dir="ltr"] - .draggable-table td,[dir="ltr"] - .draggable-table th { - padding-right: var(--sp1) -} - -[dir="rtl"] .forum table td,[dir="rtl"] - .forum table th,[dir="rtl"] - .text-content table td,[dir="rtl"] - .text-content table th,[dir="rtl"] - .views-table td,[dir="rtl"] - .views-table th,[dir="rtl"] - .draggable-table td,[dir="rtl"] - .draggable-table th { - padding-left: var(--sp1) -} - -.forum table td, - .forum table th, - .text-content table td, - .text-content table th, - .views-table td, - .views-table th, - .draggable-table td, - .draggable-table th { +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) td,[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + padding-left: 0; +} + +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) td,[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + padding-right: 0; +} + +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) td,[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + padding-right: var(--sp1); +} + +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) td,[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + padding-left: var(--sp1); +} + +:is(.forum table,.text-content table,.views-table,.draggable-table) td, + :is(.forum table,.text-content table,.views-table,.draggable-table) th { padding-top: var(--sp1); padding-bottom: var(--sp1); vertical-align: top; } -[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th { - margin-left: 0 +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + margin-left: 0; } -[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th { - margin-right: 0 +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + margin-right: 0; } -[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th { - margin-right: 0 +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + margin-right: 0; } -[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th { - margin-left: 0 +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + margin-left: 0; } -[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th { - text-align: left +[dir="ltr"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + text-align: left; } -[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th { - text-align: right +[dir="rtl"] :is(.forum table,.text-content table,.views-table,.draggable-table) th { + text-align: right; } -.forum table th, .text-content table th, .views-table th, .draggable-table th { +:is(.forum table,.text-content table,.views-table,.draggable-table) th { margin-top: 0; margin-bottom: 0; letter-spacing: 0.02em; @@ -151,19 +117,13 @@ line-height: var(--sp); } -.forum table td, .text-content table td, .views-table td, .draggable-table td { +:is(.forum table,.text-content table,.views-table,.draggable-table) td { white-space: normal; border-bottom: 2px solid var(--color--gray-65); } -.forum table th.checkbox, - .forum table td.checkbox, - .text-content table th.checkbox, - .text-content table td.checkbox, - .views-table th.checkbox, - .views-table td.checkbox, - .draggable-table th.checkbox, - .draggable-table td.checkbox { +:is(.forum table,.text-content table,.views-table,.draggable-table) th.checkbox, + :is(.forum table,.text-content table,.views-table,.draggable-table) td.checkbox { text-align: center; } @@ -182,7 +142,7 @@ .sticky-header { z-index: 0; margin: 0; - border-bottom: 4px solid var(--color--primary-50); + border-bottom: 0.25rem solid var(--color--primary-50); } /* Properly align VBO checkboxes. */ diff --git a/core/themes/olivero/css/components/tabs.css b/core/themes/olivero/css/components/tabs.css index b74f875164a2..ae09700fcf46 100644 --- a/core/themes/olivero/css/components/tabs.css +++ b/core/themes/olivero/css/components/tabs.css @@ -21,11 +21,11 @@ /* Breakpoint where tabs switch between vertical and horizontal layouts. */ [dir="ltr"] .tabs { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .tabs { - margin-right: 0 + margin-right: 0; } .tabs { @@ -48,21 +48,21 @@ width: 100%; margin: 0; /* Override [dir] attribute in base <ul> in compiled CSS. */ padding: 0; - list-style: none + list-style: none; } @media (min-width: 43.75rem) { .tabs { flex-direction: row; - flex-wrap: wrap + flex-wrap: wrap; } } .tabs__tab { display: none; margin: 0; - margin-bottom: calc(-1 * var(--tabs-border-width)) + margin-bottom: calc(-1 * var(--tabs-border-width)); } .tabs__tab.is-active { @@ -72,50 +72,41 @@ @media (min-width: 43.75rem) { [dir="ltr"] .tabs__tab { - margin-left: calc(-1 * var(--tabs-border-width)) + margin-left: calc(-1 * var(--tabs-border-width)); } [dir="rtl"] .tabs__tab { - margin-right: calc(-1 * var(--tabs-border-width)) + margin-right: calc(-1 * var(--tabs-border-width)); } .tabs__tab { display: flex; - margin-bottom: 0 + margin-bottom: 0; } } -.tabs__tab { - - /* Show tabs when JavaScript disabled. */ -} +/* Show tabs when JavaScript disabled. */ html:not(.js) .tabs__tab { - display: flex + display: flex; } -.tabs__tab { - - /* Show tabs when tabs-expanded class is present. */ -} +/* Show tabs when tabs-expanded class is present. */ .tabs.is-expanded .tabs__tab { - display: flex + display: flex; } -.tabs__tab { - - /* Secondary tabs will always be expanded. */ -} +/* Secondary tabs will always be expanded. */ .tabs--secondary .tabs__tab { - display: block + display: block; } @media (min-width: 43.75rem) { .tabs--secondary .tabs__tab { - display: flex + display: flex; } } @@ -134,7 +125,7 @@ html:not(.js) .tabs__tab { color: var(--tabs-text-color); border: var(--tabs-border-width) solid var(--tabs-border-color); background-color: var(--tabs-background-color); - font-size: var(--tabs-font-size) + font-size: var(--tabs-font-size); } .tabs__link:hover { @@ -151,7 +142,7 @@ html:not(.js) .tabs__tab { .tabs__link.is-active { position: relative; /* Anchor :after pseudo-element. */ color: var(--tabs-text-color-active); - font-weight: 600 + font-weight: 600; /* * We use :after pseudo-element in place of border so edges do not appear @@ -160,36 +151,36 @@ html:not(.js) .tabs__tab { } [dir="ltr"] .tabs__link.is-active:after { - left: calc(-1 * var(--tabs-border-width)) + left: calc(-1 * var(--tabs-border-width)); } [dir="rtl"] .tabs__link.is-active:after { - right: calc(-1 * var(--tabs-border-width)) + right: calc(-1 * var(--tabs-border-width)); } [dir="ltr"] .tabs__link.is-active:after { - border-left: var(--tabs-active-border-size) solid var(--tabs-highlight-color) + border-left: var(--tabs-active-border-size) solid var(--tabs-highlight-color); } [dir="rtl"] .tabs__link.is-active:after { - border-right: var(--tabs-active-border-size) solid var(--tabs-highlight-color) + border-right: var(--tabs-active-border-size) solid var(--tabs-highlight-color); } .tabs__link.is-active:after { position: absolute; top: calc(-1 * var(--tabs-border-width)); height: calc(100% + var(--tabs-border-width) * 2); - content: "" + content: ""; } @media (min-width: 43.75rem) { [dir="ltr"] .tabs__link.is-active:after { - border-left: 0 + border-left: 0; } [dir="rtl"] .tabs__link.is-active:after { - border-right: 0 + border-right: 0; } .tabs__link.is-active:after { @@ -197,20 +188,17 @@ html:not(.js) .tabs__tab { bottom: calc(-1 * var(--tabs-border-width)); width: calc(100% + 2 * var(--tabs-border-width)); height: 0; - border-top: var(--tabs-active-border-size) solid var(--tabs-highlight-color) + border-top: var(--tabs-active-border-size) solid var(--tabs-highlight-color); } } -.tabs__link { - - /* No regular borders or background color for secondary tab links. */ -} +/* No regular borders or background color for secondary tab links. */ @media (min-width: 43.75rem) { .tabs--secondary .tabs__link { border-color: transparent; - background-color: transparent + background-color: transparent; } } @@ -218,12 +206,12 @@ html:not(.js) .tabs__tab { [dir="ltr"] .tabs__trigger { margin-left: calc(-1 * var(--tabs-border-width)); - margin-right: 0 + margin-right: 0; } [dir="rtl"] .tabs__trigger { margin-right: calc(-1 * var(--tabs-border-width)); - margin-left: 0 + margin-left: 0; } .tabs__trigger { @@ -235,7 +223,7 @@ html:not(.js) .tabs__tab { margin-bottom: 0; cursor: pointer; border: solid var(--tabs-border-width) var(--tabs-border-color); - background-color: var(--tabs-background-color) + background-color: var(--tabs-background-color); } .tabs__trigger:hover { @@ -248,19 +236,16 @@ html:not(.js) .tabs__tab { outline: none; } -.tabs__trigger { - - /* Button will not work when JavaScript is disabled, so we hide it. */ -} +/* Button will not work when JavaScript is disabled, so we hide it. */ html:not(.js) .tabs__trigger { - display: none + display: none; } @media (min-width: 43.75rem) { .tabs__trigger { - display: none + display: none; } } @@ -269,15 +254,15 @@ html:not(.js) .tabs__trigger { display: block; width: var(--sp); height: 0.625rem; - margin-top: calc(-2 * var(--tabs-border-width)) + margin-top: calc(-2 * var(--tabs-border-width)); } [dir="ltr"] .tabs__trigger-icon > span { - left: 0 + left: 0; } [dir="rtl"] .tabs__trigger-icon > span { - right: 0 + right: 0; } .tabs__trigger-icon > span { @@ -285,31 +270,31 @@ html:not(.js) .tabs__trigger { display: block; width: 100%; transition: transform var(--tabs-transition-duration), opacity var(--tabs-transition-duration), top var(--tabs-transition-duration); - border-top: solid 2px var(--tabs-highlight-color) + border-top: solid 2px var(--tabs-highlight-color); } .tabs__trigger-icon > span:nth-child(1) { - top: 0 + top: 0; } -.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(1) { +.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(1)) { top: calc(50% + 1px); - transform: rotate(45deg) + transform: rotate(45deg); } .tabs__trigger-icon > span:nth-child(2) { - top: calc(50% + 1px) + top: calc(50% + 1px); } -.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(2) { - opacity: 0 +.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(2)) { + opacity: 0; } .tabs__trigger-icon > span:nth-child(3) { - top: calc(100% + 2px) + top: calc(100% + 2px); } -.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(3) { +.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(3)) { top: calc(50% + 1px); - transform: rotate(-45deg) + transform: rotate(-45deg); } diff --git a/core/themes/olivero/css/components/tags.css b/core/themes/olivero/css/components/tags.css index cd9ccae36fc1..83b1694b4186 100644 --- a/core/themes/olivero/css/components/tags.css +++ b/core/themes/olivero/css/components/tags.css @@ -42,7 +42,7 @@ color: var(--color-text-neutral-soft); font-size: var(--font-size-s); font-weight: 600; - line-height: 1.6 + line-height: 1.6; } .field--tags__label:after { @@ -52,7 +52,7 @@ @media (min-width: 43.75rem) { .field--tags__label { - line-height: 2 + line-height: 2; } } diff --git a/core/themes/olivero/css/components/text-content.css b/core/themes/olivero/css/components/text-content.css index 780e2b330ba7..adf6ea137222 100644 --- a/core/themes/olivero/css/components/text-content.css +++ b/core/themes/olivero/css/components/text-content.css @@ -27,7 +27,7 @@ .cke_editable { color: var(--color-text-neutral-medium); font-family: var(--font-serif); - line-height: var(--sp1-5) + line-height: var(--sp1-5); /* @todo @@ -44,7 +44,7 @@ -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-decoration-thickness: 2px; - overflow-wrap: break-word + overflow-wrap: break-word; } @supports (box-shadow: none) { @@ -52,7 +52,7 @@ .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) { transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99); text-decoration: none; - box-shadow: inset 0 -2px 0 0 var(--color--primary-50) + box-shadow: inset 0 -2px 0 0 var(--color--primary-50); } .text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover { @@ -68,7 +68,7 @@ .text-content p, .cke_editable p { margin-top: var(--sp); - margin-bottom: var(--sp) + margin-bottom: var(--sp); } .text-content p:first-child, .cke_editable p:first-child { @@ -83,7 +83,7 @@ .text-content p, .cke_editable p { margin-top: var(--sp2); - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } @@ -92,19 +92,19 @@ } [dir="ltr"] .text-content pre code,[dir="ltr"] .cke_editable pre code { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .text-content pre code,[dir="rtl"] .cke_editable pre code { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .text-content pre code,[dir="ltr"] .cke_editable pre code { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .text-content pre code,[dir="rtl"] .cke_editable pre code { - padding-left: var(--sp) + padding-left: var(--sp); } .text-content pre code, .cke_editable pre code { @@ -116,27 +116,27 @@ } [dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote { - margin-left: 0 + margin-left: 0; } [dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote { - padding-left: var(--sp2) + padding-left: var(--sp2); } [dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote { - padding-right: var(--sp2) + padding-right: var(--sp2); } .text-content blockquote, .cke_editable blockquote { @@ -146,15 +146,15 @@ letter-spacing: -0.01em; font-family: var(--font-serif); font-size: 1.3125rem; - line-height: var(--sp2) + line-height: var(--sp2); } [dir="ltr"] .text-content blockquote:before,[dir="ltr"] .cke_editable blockquote:before { - left: 0 + left: 0; } [dir="rtl"] .text-content blockquote:before,[dir="rtl"] .cke_editable blockquote:before { - right: 0 + right: 0; } .text-content blockquote:before, .cke_editable blockquote:before { @@ -166,19 +166,19 @@ } [dir="ltr"] .text-content blockquote:after,[dir="ltr"] .cke_editable blockquote:after { - left: 0 + left: 0; } [dir="rtl"] .text-content blockquote:after,[dir="rtl"] .cke_editable blockquote:after { - right: 0 + right: 0; } [dir="ltr"] .text-content blockquote:after,[dir="ltr"] .cke_editable blockquote:after { - margin-left: 0.25rem + margin-left: 0.25rem; } [dir="rtl"] .text-content blockquote:after,[dir="rtl"] .cke_editable blockquote:after { - margin-right: 0.25rem + margin-right: 0.25rem; } .text-content blockquote:after, .cke_editable blockquote:after { @@ -194,7 +194,7 @@ .text-content blockquote, .cke_editable blockquote { font-size: 2rem; - line-height: var(--sp3) + line-height: var(--sp3); } } @@ -202,7 +202,7 @@ .text-content blockquote, .cke_editable blockquote { font-size: 2.5rem; - line-height: calc(3.5 * var(--sp)) + line-height: calc(3.5 * var(--sp)); } } @@ -211,7 +211,7 @@ .text-content, .cke_editable { font-size: 1.125rem; - line-height: var(--sp2) + line-height: var(--sp2); } } @@ -220,7 +220,7 @@ */ .site-footer .text-content { - color: inherit + color: inherit; } .site-footer .text-content * { @@ -230,7 +230,7 @@ .site-footer .text-content a { text-decoration: underline; color: var(--color--white); - box-shadow: none + box-shadow: none; } .site-footer .text-content a:hover { @@ -247,6 +247,6 @@ .region--sidebar .text-content blockquote { font-size: 1.5rem; - line-height: var(--sp2) + line-height: var(--sp2); } } diff --git a/core/themes/olivero/css/components/vertical-tabs.css b/core/themes/olivero/css/components/vertical-tabs.css index a39591b6a22f..dbf7407866e1 100644 --- a/core/themes/olivero/css/components/vertical-tabs.css +++ b/core/themes/olivero/css/components/vertical-tabs.css @@ -31,7 +31,7 @@ @media (min-width: 62.5rem) { .vertical-tabs { - display: flex + display: flex; } } @@ -58,33 +58,33 @@ list-style: none; border-width: var(--vertical-tabs-menu-border-width); border-style: solid; - border-color: var(--color--gray-95) + border-color: var(--color--gray-95); } @media (min-width: 62.5rem) { .vertical-tabs__menu { width: var(--vertical-tabs-menu-width); - border-width: var(--vertical-tabs-menu-border-width) 0 var(--vertical-tabs-menu-border-width) var(--vertical-tabs-menu-border-width) + border-width: var(--vertical-tabs-menu-border-width) 0 var(--vertical-tabs-menu-border-width) var(--vertical-tabs-menu-border-width); } } .vertical-tabs__panes { - margin-top: calc(var(--vertical-tabs-menu-border-width) * -1) + margin-top: calc(var(--vertical-tabs-menu-border-width) * -1); } @media (min-width: 62.5rem) { .vertical-tabs__panes { width: calc(100% - var(--vertical-tabs-menu-width)); - margin-top: 0 + margin-top: 0; } } @media (min-width: 62.5rem) { .vertical-tabs__pane { - min-height: 100% + min-height: 100%; } } @@ -124,7 +124,7 @@ padding-bottom: var(--sp0-5); text-decoration: none; color: var(--color-text-primary-loud); - background-color: var(--color--gray-95) + background-color: var(--color--gray-95); } .vertical-tabs__menu-item a:focus, @@ -134,7 +134,7 @@ } .vertical-tabs__menu-item.is-selected { - background-color: var(--color--white) + background-color: var(--color--white); } @media (min-width: 62.5rem) { diff --git a/core/themes/olivero/css/components/wide-image.css b/core/themes/olivero/css/components/wide-image.css index ff67e2dd24f9..f13c1b94ce95 100644 --- a/core/themes/olivero/css/components/wide-image.css +++ b/core/themes/olivero/css/components/wide-image.css @@ -24,55 +24,55 @@ /* Width of the entire grid maxes out. */ [dir="ltr"] .wide-image { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .wide-image { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .wide-image { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .wide-image { - margin-left: 0 + margin-left: 0; } .wide-image { margin-top: var(--sp0-5); - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } @media (min-width: 43.75rem) { [dir="ltr"] .wide-image { - margin-left: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))) + margin-left: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))); } [dir="rtl"] .wide-image { - margin-right: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))) + margin-right: calc(-1 * ((var(--grid-col-width) + var(--grid-gap)))); } .wide-image { width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap)); margin-top: var(--sp2); - margin-bottom: var(--sp4) + margin-bottom: var(--sp4); } } @media (min-width: 62.5rem) { [dir="ltr"] .wide-image { - margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) + margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } [dir="rtl"] .wide-image { - margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) + margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } .wide-image { - width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)) + width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)); } } @@ -81,33 +81,33 @@ @media (min-width: 62.5rem) { .sidebar-grid .wide-image { - width: calc(9 * var(--grid-col-width) + 8 * var(--grid-gap)) + width: calc(9 * var(--grid-col-width) + 8 * var(--grid-gap)); } } @media (min-width: 81.25rem) { .sidebar-grid .wide-image { - width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap)) + width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap)); } } /* Ensure that image doesn't overlap layout builder sections when editing layouts. */ [dir="ltr"] .layout-builder .wide-image { - margin-left: 0 + margin-left: 0; } [dir="rtl"] .layout-builder .wide-image { - margin-right: 0 + margin-right: 0; } [dir="ltr"] .layout-builder .wide-image { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .layout-builder .wide-image { - margin-left: 0 + margin-left: 0; } .layout-builder .wide-image { diff --git a/core/themes/olivero/css/layout/grid.css b/core/themes/olivero/css/layout/grid.css index 318dd2ac3b5e..97ba828c5659 100644 --- a/core/themes/olivero/css/layout/grid.css +++ b/core/themes/olivero/css/layout/grid.css @@ -27,7 +27,7 @@ display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr)); - grid-column-gap: var(--grid-gap) + grid-column-gap: var(--grid-gap); /* .grid-full classes nested 3 or more deep go full width. */ } @@ -46,7 +46,7 @@ .layout--content-narrow .grid-full, .layout--pass--content-narrow > * .grid-full { - grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr)) + grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr)); } } @@ -54,7 +54,7 @@ .layout--content-narrow .grid-full, .layout--pass--content-narrow > * .grid-full { - grid-template-columns: repeat(calc(var(--grid-col-count) - 6), minmax(0, 1fr)) + grid-template-columns: repeat(calc(var(--grid-col-count) - 6), minmax(0, 1fr)); } } @@ -68,7 +68,7 @@ .layout--content-medium .grid-full, .layout--pass--content-medium > * .grid-full { - grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr)) + grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr)); } } @@ -76,6 +76,6 @@ .layout--content-medium .grid-full, .layout--pass--content-medium > * .grid-full { - grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr)) + grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr)); } } diff --git a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css index 57399aadbb6a..008fea1358c8 100644 --- a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css +++ b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css @@ -25,12 +25,12 @@ .layout--fourcol-section { display: flex; - flex-wrap: wrap + flex-wrap: wrap; } .layout--fourcol-section > .layout__region { flex: 1 0 100%; - margin-bottom: var(--grid-gap) + margin-bottom: var(--grid-gap); } @media (min-width: 43.75rem) { @@ -39,14 +39,11 @@ flex-basis: calc(50% - (var(--grid-gap) * 0.5)); flex-grow: 0; flex-shrink: 0; - margin-bottom: 0 + margin-bottom: 0; } } -.layout--fourcol-section { - - /* Two column layout. */ -} +/* Two column layout. */ @media (min-width: 43.75rem) { .layout--fourcol-section > .layout__region--first, @@ -56,29 +53,26 @@ [dir="ltr"] .layout--fourcol-section > .layout__region--first,[dir="ltr"] .layout--fourcol-section > .layout__region--third { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--fourcol-section > .layout__region--first,[dir="rtl"] .layout--fourcol-section > .layout__region--third { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } [dir="ltr"] .layout--fourcol-section > .layout__region--second,[dir="ltr"] .layout--fourcol-section > .layout__region--fourth { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--fourcol-section > .layout__region--second,[dir="rtl"] .layout--fourcol-section > .layout__region--fourth { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } } -.layout--fourcol-section { - - /* Four column layout. */ -} +/* Four column layout. */ @media (min-width: 62.5rem) { .layout--fourcol-section > .layout__region { @@ -91,11 +85,11 @@ } [dir="ltr"] .layout--fourcol-section > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--fourcol-section > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } .layout--fourcol-section > .layout__region--second, @@ -105,10 +99,10 @@ } [dir="ltr"] .layout--fourcol-section > .layout__region--fourth { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--fourcol-section > .layout__region--fourth { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } } diff --git a/core/themes/olivero/css/layout/layout-builder-threecol-section.css b/core/themes/olivero/css/layout/layout-builder-threecol-section.css index d864f9ea17a1..c8a3b229ba20 100644 --- a/core/themes/olivero/css/layout/layout-builder-threecol-section.css +++ b/core/themes/olivero/css/layout/layout-builder-threecol-section.css @@ -25,12 +25,12 @@ .layout--threecol-section { display: flex; - flex-wrap: wrap + flex-wrap: wrap; } .layout--threecol-section > .layout__region { flex: 1 0 100%; - margin-bottom: var(--grid-gap) + margin-bottom: var(--grid-gap); } @media (min-width: 62.5rem) { @@ -38,16 +38,16 @@ .layout--threecol-section > .layout__region { flex-grow: 0; flex-shrink: 0; - margin-bottom: 0 + margin-bottom: 0; } } @media (min-width: 62.5rem) { [dir="ltr"] .layout--threecol-section > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--threecol-section > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } .layout--threecol-section > .layout__region--second { @@ -56,11 +56,11 @@ } [dir="ltr"] .layout--threecol-section > .layout__region--third { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--threecol-section > .layout__region--third { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } .layout--threecol-section--25-50-25 > .layout__region--first, .layout--threecol-section--25-50-25 > .layout__region--third { diff --git a/core/themes/olivero/css/layout/layout-builder-twocol-section.css b/core/themes/olivero/css/layout/layout-builder-twocol-section.css index 3c030079b503..efebd1541755 100644 --- a/core/themes/olivero/css/layout/layout-builder-twocol-section.css +++ b/core/themes/olivero/css/layout/layout-builder-twocol-section.css @@ -25,12 +25,12 @@ .layout--twocol-section { display: flex; - flex-wrap: wrap + flex-wrap: wrap; } .layout--twocol-section > .layout__region { flex: 1 0 100%; - margin-bottom: var(--grid-gap) + margin-bottom: var(--grid-gap); } @media (min-width: 43.75rem) { @@ -38,111 +38,111 @@ .layout--twocol-section > .layout__region { flex-grow: 0; flex-shrink: 0; - margin-bottom: 0 + margin-bottom: 0; } } @media (min-width: 43.75rem) { [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } .layout--twocol-section--50-50 > .layout__region--first { flex-basis: calc(50% - (var(--grid-gap) * 0.5)); } [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--second { - margin-left: calc(var(--grid-gap) * 0.5) + margin-left: calc(var(--grid-gap) * 0.5); } [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--second { - margin-right: calc(var(--grid-gap) * 0.5) + margin-right: calc(var(--grid-gap) * 0.5); } .layout--twocol-section--50-50 > .layout__region--second { flex-basis: calc(50% - (var(--grid-gap) * 0.5)); } [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.3333) + margin-right: calc(var(--grid-gap) * 0.3333); } [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.3333) + margin-left: calc(var(--grid-gap) * 0.3333); } .layout--twocol-section--33-67 > .layout__region--first { flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333)); } [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--second { - margin-left: calc(var(--grid-gap) * 0.6666) + margin-left: calc(var(--grid-gap) * 0.6666); } [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--second { - margin-right: calc(var(--grid-gap) * 0.6666) + margin-right: calc(var(--grid-gap) * 0.6666); } .layout--twocol-section--33-67 > .layout__region--second { flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666)); } [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.6666) + margin-right: calc(var(--grid-gap) * 0.6666); } [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.6666) + margin-left: calc(var(--grid-gap) * 0.6666); } .layout--twocol-section--67-33 > .layout__region--first { flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666)); } [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--second { - margin-left: calc(var(--grid-gap) * 0.3333) + margin-left: calc(var(--grid-gap) * 0.3333); } [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--second { - margin-right: calc(var(--grid-gap) * 0.3333) + margin-right: calc(var(--grid-gap) * 0.3333); } .layout--twocol-section--67-33 > .layout__region--second { flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333)); } [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.25) + margin-right: calc(var(--grid-gap) * 0.25); } [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.25) + margin-left: calc(var(--grid-gap) * 0.25); } .layout--twocol-section--25-75 > .layout__region--first { flex-basis: calc(25% - (var(--grid-gap) * 0.25)); } [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--second { - margin-left: calc(var(--grid-gap) * 0.75) + margin-left: calc(var(--grid-gap) * 0.75); } [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--second { - margin-right: calc(var(--grid-gap) * 0.75) + margin-right: calc(var(--grid-gap) * 0.75); } .layout--twocol-section--25-75 > .layout__region--second { flex-basis: calc(75% - (var(--grid-gap) * 0.75)); } [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--first { - margin-right: calc(var(--grid-gap) * 0.75) + margin-right: calc(var(--grid-gap) * 0.75); } [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--first { - margin-left: calc(var(--grid-gap) * 0.75) + margin-left: calc(var(--grid-gap) * 0.75); } .layout--twocol-section--75-25 > .layout__region--first { flex-basis: calc(75% - (var(--grid-gap) * 0.75)); } [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--second { - margin-left: calc(var(--grid-gap) * 0.25) + margin-left: calc(var(--grid-gap) * 0.25); } [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--second { - margin-right: calc(var(--grid-gap) * 0.25) + margin-right: calc(var(--grid-gap) * 0.25); } .layout--twocol-section--75-25 > .layout__region--second { diff --git a/core/themes/olivero/css/layout/layout-content-medium.css b/core/themes/olivero/css/layout/layout-content-medium.css index 1395e02149db..346f75b8dc59 100644 --- a/core/themes/olivero/css/layout/layout-content-medium.css +++ b/core/themes/olivero/css/layout/layout-content-medium.css @@ -26,14 +26,14 @@ .layout--content-medium, .layout--pass--content-medium > * { grid-column: 1 / 7; - width: 100% + width: 100%; } @media (min-width: 43.75rem) { .layout--content-medium, .layout--pass--content-medium > * { - grid-column: 2 / 14 + grid-column: 2 / 14; } } @@ -41,7 +41,7 @@ .layout--content-medium, .layout--pass--content-medium > * { - grid-column: 3 / 13 + grid-column: 3 / 13; } } @@ -54,19 +54,19 @@ @media (min-width: 43.75rem) { .layout--pass--content-medium > * .layout--content-medium, - .layout--pass--content-medium > * .layout--pass--content-medium > *, .layout--content-medium .layout--content-medium, + .layout--pass--content-medium > * .layout--pass--content-medium > *, .layout--content-medium .layout--pass--content-medium > * { - grid-column: 1 / 13 + grid-column: 1 / 13; } } @media (min-width: 62.5rem) { .layout--pass--content-medium > * .layout--content-medium, - .layout--pass--content-medium > * .layout--pass--content-medium > *, .layout--content-medium .layout--content-medium, + .layout--pass--content-medium > * .layout--pass--content-medium > *, .layout--content-medium .layout--pass--content-medium > * { - grid-column: 1 / 11 + grid-column: 1 / 11; } } diff --git a/core/themes/olivero/css/layout/layout-content-narrow.css b/core/themes/olivero/css/layout/layout-content-narrow.css index 96cee2dedce6..68f0dadeb377 100644 --- a/core/themes/olivero/css/layout/layout-content-narrow.css +++ b/core/themes/olivero/css/layout/layout-content-narrow.css @@ -26,14 +26,14 @@ .layout--content-narrow, .layout--pass--content-narrow > * { grid-column: 1 / 7; - width: 100% + width: 100%; } @media (min-width: 43.75rem) { .layout--content-narrow, .layout--pass--content-narrow > * { - grid-column: 2 / 14 + grid-column: 2 / 14; } } @@ -41,7 +41,7 @@ .layout--content-narrow, .layout--pass--content-narrow > * { - grid-column: 3 / 11 + grid-column: 3 / 11; } } @@ -57,28 +57,28 @@ @media (min-width: 43.75rem) { .layout--content-narrow .layout--content-narrow, - .layout--content-narrow .layout--pass--content-narrow > *, .layout--pass--content-narrow > * .layout--content-narrow, - .layout--pass--content-narrow > * .layout--pass--content-narrow > *, .layout--content-medium .layout--content-narrow, - .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--content-narrow, + .layout--content-narrow .layout--pass--content-narrow > *, + .layout--pass--content-narrow > * .layout--pass--content-narrow > *, + .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--pass--content-narrow > * { - grid-column: 1 / 13 + grid-column: 1 / 13; } } @media (min-width: 62.5rem) { .layout--content-narrow .layout--content-narrow, - .layout--content-narrow .layout--pass--content-narrow > *, .layout--pass--content-narrow > * .layout--content-narrow, - .layout--pass--content-narrow > * .layout--pass--content-narrow > *, .layout--content-medium .layout--content-narrow, - .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--content-narrow, + .layout--content-narrow .layout--pass--content-narrow > *, + .layout--pass--content-narrow > * .layout--pass--content-narrow > *, + .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--pass--content-narrow > * { - grid-column: 1 / 9 + grid-column: 1 / 9; } } @@ -89,76 +89,76 @@ @media (min-width: 43.75rem) { -[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { - left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { + left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } -[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { - right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { + right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } } @media (min-width: 43.75rem) { -[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { - left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { + left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } -[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { - right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { + right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } -[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { - margin-left: 2px +[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { + margin-left: 2px; } -[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { - margin-right: 2px +[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { + margin-right: 2px; } -.layout--content-narrow.text-content blockquote:after, .layout--content-narrow .text-content blockquote:after, .layout--pass--content-narrow > *.text-content blockquote:after, .layout--pass--content-narrow > * .text-content blockquote:after { +.layout--content-narrow.text-content blockquote:after, .layout--pass--content-narrow > *.text-content blockquote:after, .layout--content-narrow .text-content blockquote:after, .layout--pass--content-narrow > * .text-content blockquote:after { width: var(--sp); - height: calc(100% - 2.8125rem) + height: calc(100% - 2.8125rem); } } @media (min-width: 43.75rem) { -[dir="ltr"] .layout--content-narrow.text-content blockquote,[dir="ltr"] .layout--content-narrow .text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote { - padding-left: 0 +[dir="ltr"] .layout--content-narrow.text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote,[dir="ltr"] .layout--content-narrow .text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote { + padding-left: 0; } -[dir="rtl"] .layout--content-narrow.text-content blockquote,[dir="rtl"] .layout--content-narrow .text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote { - padding-right: 0 +[dir="rtl"] .layout--content-narrow.text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote,[dir="rtl"] .layout--content-narrow .text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote { + padding-right: 0; } -.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { +.layout--content-narrow.text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap)); margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } @media (min-width: 43.75rem) { -.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { +.layout--content-narrow.text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > * .text-content pre { margin-top: var(--sp3); - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } @media (min-width: 62.5rem) { -[dir="ltr"] .layout--content-narrow.text-content pre,[dir="ltr"] .layout--content-narrow .text-content pre,[dir="ltr"] .layout--pass--content-narrow > *.text-content pre,[dir="ltr"] .layout--pass--content-narrow > * .text-content pre { - margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="ltr"] .layout--content-narrow.text-content pre,[dir="ltr"] .layout--pass--content-narrow > *.text-content pre,[dir="ltr"] .layout--content-narrow .text-content pre,[dir="ltr"] .layout--pass--content-narrow > * .text-content pre { + margin-left: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } -[dir="rtl"] .layout--content-narrow.text-content pre,[dir="rtl"] .layout--content-narrow .text-content pre,[dir="rtl"] .layout--pass--content-narrow > *.text-content pre,[dir="rtl"] .layout--pass--content-narrow > * .text-content pre { - margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))) +[dir="rtl"] .layout--content-narrow.text-content pre,[dir="rtl"] .layout--pass--content-narrow > *.text-content pre,[dir="rtl"] .layout--content-narrow .text-content pre,[dir="rtl"] .layout--pass--content-narrow > * .text-content pre { + margin-right: calc(-1 * (var(--grid-col-width) + var(--grid-gap))); } -.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { - width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)) +.layout--content-narrow.text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > * .text-content pre { + width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap)); } } @@ -168,12 +168,12 @@ */ .sidebar-grid .layout--content-narrow.text-content blockquote, - .sidebar-grid .layout--content-narrow.text-content pre, - .sidebar-grid .layout--content-narrow .text-content blockquote, - .sidebar-grid .layout--content-narrow .text-content pre, .sidebar-grid .layout--pass--content-narrow > *.text-content blockquote, - .sidebar-grid .layout--pass--content-narrow > *.text-content pre, + .sidebar-grid .layout--content-narrow .text-content blockquote, .sidebar-grid .layout--pass--content-narrow > * .text-content blockquote, + .sidebar-grid .layout--content-narrow.text-content pre, + .sidebar-grid .layout--pass--content-narrow > *.text-content pre, + .sidebar-grid .layout--content-narrow .text-content pre, .sidebar-grid .layout--pass--content-narrow > * .text-content pre { width: auto; } diff --git a/core/themes/olivero/css/layout/layout-discovery-section-layout.css b/core/themes/olivero/css/layout/layout-discovery-section-layout.css index 934d59a298a9..43450fbfd48e 100644 --- a/core/themes/olivero/css/layout/layout-discovery-section-layout.css +++ b/core/themes/olivero/css/layout/layout-discovery-section-layout.css @@ -24,19 +24,19 @@ /* Width of the entire grid maxes out. */ .layout { - margin-bottom: var(--sp) + margin-bottom: var(--sp); } @media (min-width: 43.75rem) { .layout { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } @media (min-width: 62.5rem) { .layout { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/layout/layout-footer.css b/core/themes/olivero/css/layout/layout-footer.css index 8aa5c822327b..4cc41086ad34 100644 --- a/core/themes/olivero/css/layout/layout-footer.css +++ b/core/themes/olivero/css/layout/layout-footer.css @@ -35,26 +35,26 @@ .site-footer__inner { padding-top: var(--sp2); - padding-bottom: var(--sp2) + padding-bottom: var(--sp2); } @media (min-width: 75rem) { .site-footer__inner { padding-top: var(--sp4); - padding-bottom: calc(13 * var(--sp)) + padding-bottom: calc(13 * var(--sp)); } } .region--footer_top__inner > *, .region--footer_bottom__inner > * { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } @media (min-width: 43.75rem) { .region--footer_top__inner > *, .region--footer_bottom__inner > * { flex: 1; - margin-bottom: 0 + margin-bottom: 0; } [dir="ltr"] .region--footer_top__inner > *:not(:last-child),[dir="ltr"] .region--footer_bottom__inner > *:not(:last-child) { @@ -71,6 +71,6 @@ .region--footer_top__inner, .region--footer_bottom__inner { display: flex; - flex-wrap: wrap + flex-wrap: wrap; } } diff --git a/core/themes/olivero/css/layout/layout-sidebar.css b/core/themes/olivero/css/layout/layout-sidebar.css index 560dcd0305dc..fbcd474aa957 100644 --- a/core/themes/olivero/css/layout/layout-sidebar.css +++ b/core/themes/olivero/css/layout/layout-sidebar.css @@ -26,13 +26,13 @@ .sidebar-grid > .site-main { grid-column: 1 / 7; align-self: flex-start; - -ms-grid-row-align: start + -ms-grid-row-align: start; } @media (min-width: 43.75rem) { .sidebar-grid > .site-main { - grid-column: 1 / 15 + grid-column: 1 / 15; } } @@ -41,7 +41,7 @@ .sidebar-grid > .site-main { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); - grid-column: 3 / 11 + grid-column: 3 / 11; } .sidebar-grid > .site-main > .region--content-above, @@ -60,13 +60,13 @@ .sidebar-grid .region--sidebar { -ms-grid-row: 2; - grid-column: 1 / 7 + grid-column: 1 / 7; } @media (min-width: 43.75rem) { .sidebar-grid .region--sidebar { - grid-column: 3 / 13 + grid-column: 3 / 13; } } @@ -74,6 +74,6 @@ .sidebar-grid .region--sidebar { -ms-grid-row: 1; - grid-column: 12 / 15 + grid-column: 12 / 15; } } diff --git a/core/themes/olivero/css/layout/layout-views-grid.css b/core/themes/olivero/css/layout/layout-views-grid.css index 376665d74898..a58052405539 100644 --- a/core/themes/olivero/css/layout/layout-views-grid.css +++ b/core/themes/olivero/css/layout/layout-views-grid.css @@ -50,7 +50,7 @@ margin-bottom: calc(-1 * var(--views-grid--layout-gap)); /* Offset the bottom row's padding. */ column-width: var(--views-grid-item--min-width); column-count: var(--views-grid--column-count); - grid-column-gap: var(--views-grid--layout-gap) + column-gap: var(--views-grid--layout-gap); } .views-view-grid--vertical .views-view-grid__item > * { diff --git a/core/themes/olivero/css/layout/layout.css b/core/themes/olivero/css/layout/layout.css index 04f5cab10507..58ce897d3f8a 100644 --- a/core/themes/olivero/css/layout/layout.css +++ b/core/themes/olivero/css/layout/layout.css @@ -27,7 +27,7 @@ width: 100%; max-width: var(--max-width); padding-left: var(--container-padding); - padding-right: var(--container-padding) + padding-right: var(--container-padding); /* This fixes an issue where if the toolbar is open in vertical mode, and * the mobile navigation is open, the "close" button gets pushed outside of @@ -35,7 +35,7 @@ } body.is-fixed .container { - width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px)) + width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px)); } .page-wrapper { @@ -60,32 +60,32 @@ body.is-fixed .container { .layout-main { display: flex; flex-direction: row-reverse; - flex-wrap: wrap + flex-wrap: wrap; } } @media (min-width: 75rem) { [dir="ltr"] .main-content { - margin-right: auto + margin-right: auto; } [dir="rtl"] .main-content { - margin-left: auto + margin-left: auto; } .main-content { - width: calc(100% - var(--content-left)) + width: calc(100% - var(--content-left)); } } .main-content__container { - padding-top: var(--sp3) + padding-top: var(--sp3); } @media (min-width: 43.75rem) { .main-content__container { - padding-top: var(--sp5) + padding-top: var(--sp5); } } diff --git a/core/themes/olivero/css/layout/region-content-below.css b/core/themes/olivero/css/layout/region-content-below.css index fb5e28118b46..67dfb3e37820 100644 --- a/core/themes/olivero/css/layout/region-content-below.css +++ b/core/themes/olivero/css/layout/region-content-below.css @@ -27,56 +27,56 @@ .region--content-below { display: flex; - flex-wrap: wrap + flex-wrap: wrap; } [dir="ltr"] .region--content-below > * { - margin-right: var(--grid-gap) + margin-right: var(--grid-gap); } [dir="rtl"] .region--content-below > * { - margin-left: var(--grid-gap) + margin-left: var(--grid-gap); } .region--content-below > * { flex-basis: calc(50% - (var(--grid-gap) / 2)); flex-grow: 1; - flex-shrink: 0 + flex-shrink: 0; } [dir="ltr"] .region--content-below > *:nth-child(2n),[dir="ltr"] .region--content-below > *:last-child { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .region--content-below > *:nth-child(2n),[dir="rtl"] .region--content-below > *:last-child { - margin-left: 0 + margin-left: 0; } } @media (min-width: 43.75rem) { .region--content-below > * { - flex-basis: calc(33.33% - (var(--grid-gap) * 0.667)) + flex-basis: calc(33.33% - (var(--grid-gap) * 0.667)); } [dir="ltr"] .region--content-below > *:nth-child(2n),[dir="ltr"] .region--content-below > *:last-child { - margin-right: var(--grid-gap) + margin-right: var(--grid-gap); } [dir="rtl"] .region--content-below > *:nth-child(2n),[dir="rtl"] .region--content-below > *:last-child { - margin-left: var(--grid-gap) + margin-left: var(--grid-gap); } [dir="ltr"] .region--content-below > *:nth-child(3n),[dir="ltr"] .region--content-below > *:last-child { - margin-right: 0 + margin-right: 0; } [dir="rtl"] .region--content-below > *:nth-child(3n),[dir="rtl"] .region--content-below > *:last-child { - margin-left: 0 + margin-left: 0; } } diff --git a/core/themes/olivero/css/layout/region-content.css b/core/themes/olivero/css/layout/region-content.css index bc8e12d3e141..6765571f63a6 100644 --- a/core/themes/olivero/css/layout/region-content.css +++ b/core/themes/olivero/css/layout/region-content.css @@ -24,19 +24,19 @@ /* Width of the entire grid maxes out. */ .region--content { - margin-bottom: var(--sp) + margin-bottom: var(--sp); } @media (min-width: 43.75rem) { .region--content { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } @media (min-width: 62.5rem) { .region--content { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/layout/region-secondary-menu.css b/core/themes/olivero/css/layout/region-secondary-menu.css index d2088db10f1a..1a89f5a8d30c 100644 --- a/core/themes/olivero/css/layout/region-secondary-menu.css +++ b/core/themes/olivero/css/layout/region-secondary-menu.css @@ -26,7 +26,7 @@ .region--secondary-menu { display: flex; margin-top: var(--sp2); - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } .region--secondary-menu > * { @@ -36,7 +36,7 @@ @media (min-width: 75rem) { body:not(.is-always-mobile-nav) .region--secondary-menu { justify-content: flex-end; - margin: 0 + margin: 0; /* If the secondary nav is the first item within the header, it does not need left separator. */ } diff --git a/core/themes/olivero/css/layout/region.css b/core/themes/olivero/css/layout/region.css index e11590f238ac..55138d93f17f 100644 --- a/core/themes/olivero/css/layout/region.css +++ b/core/themes/olivero/css/layout/region.css @@ -24,19 +24,19 @@ /* Width of the entire grid maxes out. */ .region > * { - margin-bottom: var(--sp) + margin-bottom: var(--sp); } @media (min-width: 43.75rem) { .region > * { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } } @media (min-width: 62.5rem) { .region > * { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/themes/olivero/css/layout/social-bar.css b/core/themes/olivero/css/layout/social-bar.css index a73a1dc6a1ea..71687b4ec71b 100644 --- a/core/themes/olivero/css/layout/social-bar.css +++ b/core/themes/olivero/css/layout/social-bar.css @@ -29,63 +29,63 @@ .social-bar { flex-shrink: 0; width: var(--content-left); - background-color: var(--color--gray-100) + background-color: var(--color--gray-100); } } [dir="ltr"] .social-bar__inner { - padding-left: var(--sp) + padding-left: var(--sp); } [dir="rtl"] .social-bar__inner { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="ltr"] .social-bar__inner { - padding-right: var(--sp) + padding-right: var(--sp); } [dir="rtl"] .social-bar__inner { - padding-left: var(--sp) + padding-left: var(--sp); } .social-bar__inner { position: relative; padding-top: var(--sp0-5); - padding-bottom: var(--sp0-5) + padding-bottom: var(--sp0-5); } @media (min-width: 75rem) { [dir="ltr"] .social-bar__inner { - padding-left: 0 + padding-left: 0; } [dir="rtl"] .social-bar__inner { - padding-right: 0 + padding-right: 0; } [dir="ltr"] .social-bar__inner { - padding-right: 0 + padding-right: 0; } [dir="rtl"] .social-bar__inner { - padding-left: 0 + padding-left: 0; } .social-bar__inner { position: relative; width: var(--content-left); padding-top: calc(5 * var(--sp)); - padding-bottom: calc(5 * var(--sp)) + padding-bottom: calc(5 * var(--sp)); } [dir="ltr"] .social-bar__inner.is-fixed { - left: 0 + left: 0; } [dir="rtl"] .social-bar__inner.is-fixed { - right: 0 + right: 0; } .social-bar__inner.is-fixed { @@ -96,7 +96,7 @@ } .rotate > * { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } @media (min-width: 75rem) { @@ -104,15 +104,15 @@ .rotate > * { display: flex; align-items: center; - margin-bottom: 0 + margin-bottom: 0; } [dir="ltr"] .rotate > *:not(:first-child) { - margin-right: var(--sp2) + margin-right: var(--sp2); } [dir="rtl"] .rotate > *:not(:first-child) { - margin-left: var(--sp2) + margin-left: var(--sp2); } } @@ -120,36 +120,36 @@ [dir="ltr"] .rotate .contextual { left: 100%; - right: auto + right: auto; } [dir="rtl"] .rotate .contextual { right: 100%; - left: auto + left: auto; } .rotate .contextual { transform: rotate(90deg); /* LTR */ - transform-origin: top left /* LTR */ + transform-origin: top left; /* LTR */ } [dir="ltr"] .rotate .contextual .trigger { - float: left + float: left; } [dir="rtl"] .rotate .contextual .trigger { - float: right + float: right; } } @media (min-width: 75rem) { [dir="ltr"] .rotate { - left: 50% + left: 50%; } [dir="rtl"] .rotate { - right: 50% + right: 50%; } .rotate { @@ -158,13 +158,13 @@ flex-direction: row-reverse; width: 100vh; transform: rotate(-90deg) translateX(-100%); /* LTR */ - transform-origin: left /* LTR */ + transform-origin: left; /* LTR */ } @supports (width: max-content) { .rotate { - width: max-content + width: max-content; } } } @@ -172,7 +172,7 @@ @media (min-width: 75rem) { [dir="rtl"] .rotate { transform: rotate(90deg) translateX(100%); - transform-origin: right + transform-origin: right; } [dir="rtl"] .rotate .contextual { diff --git a/core/themes/olivero/css/layout/views.css b/core/themes/olivero/css/layout/views.css index 175272d7c69e..135d635753dc 100644 --- a/core/themes/olivero/css/layout/views.css +++ b/core/themes/olivero/css/layout/views.css @@ -24,7 +24,7 @@ /* Width of the entire grid maxes out. */ .view > * { - margin-bottom: var(--sp2) + margin-bottom: var(--sp2); } .view > *:last-child { @@ -34,6 +34,6 @@ @media (min-width: 43.75rem) { .view > * { - margin-bottom: var(--sp3) + margin-bottom: var(--sp3); } } diff --git a/core/yarn.lock b/core/yarn.lock index 34dc2c183662..c02ac740341e 100644 --- a/core/yarn.lock +++ b/core/yarn.lock @@ -2,145 +2,18 @@ # yarn lockfile v1 -"@ampproject/remapping@^2.1.0": - version "2.2.0" - resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d" - integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w== - dependencies: - "@jridgewell/gen-mapping" "^0.1.0" - "@jridgewell/trace-mapping" "^0.3.9" - -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.18.6": +"@babel/code-frame@^7.0.0": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a" integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q== dependencies: "@babel/highlight" "^7.18.6" -"@babel/compat-data@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.0.tgz#2a592fd89bacb1fcde68de31bee4f2f2dacb0e86" - integrity sha512-y5rqgTTPTmaF5e2nVhOxw+Ur9HDJLsWb6U/KpgUzRZEdPfE6VOubXBKLdbcUTijzRptednSBDQbYZBOSqJxpJw== - -"@babel/core@^7.8.4": - version "7.17.10" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.10.tgz#74ef0fbf56b7dfc3f198fc2d927f4f03e12f4b05" - integrity sha512-liKoppandF3ZcBnIYFjfSDHZLKdLHGJRkoWtG8zQyGJBQfIYobpnVGI5+pLBNtS6psFLDzyq8+h5HiVljW9PNA== - dependencies: - "@ampproject/remapping" "^2.1.0" - "@babel/code-frame" "^7.16.7" - "@babel/generator" "^7.17.10" - "@babel/helper-compilation-targets" "^7.17.10" - "@babel/helper-module-transforms" "^7.17.7" - "@babel/helpers" "^7.17.9" - "@babel/parser" "^7.17.10" - "@babel/template" "^7.16.7" - "@babel/traverse" "^7.17.10" - "@babel/types" "^7.17.10" - convert-source-map "^1.7.0" - debug "^4.1.0" - gensync "^1.0.0-beta.2" - json5 "^2.2.1" - semver "^6.3.0" - -"@babel/generator@^7.17.10", "@babel/generator@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.19.0.tgz#785596c06425e59334df2ccee63ab166b738419a" - integrity sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg== - dependencies: - "@babel/types" "^7.19.0" - "@jridgewell/gen-mapping" "^0.3.2" - jsesc "^2.5.1" - -"@babel/helper-compilation-targets@^7.17.10": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.0.tgz#537ec8339d53e806ed422f1e06c8f17d55b96bb0" - integrity sha512-Ai5bNWXIvwDvWM7njqsG3feMlL9hCVQsPYXodsZyLwshYkZVJt59Gftau4VrE8S9IT9asd2uSP1hG6wCNw+sXA== - dependencies: - "@babel/compat-data" "^7.19.0" - "@babel/helper-validator-option" "^7.18.6" - browserslist "^4.20.2" - semver "^6.3.0" - -"@babel/helper-environment-visitor@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be" - integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg== - -"@babel/helper-function-name@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c" - integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w== - dependencies: - "@babel/template" "^7.18.10" - "@babel/types" "^7.19.0" - -"@babel/helper-hoist-variables@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678" - integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-module-imports@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e" - integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-module-transforms@^7.17.7": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30" - integrity sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ== - dependencies: - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-module-imports" "^7.18.6" - "@babel/helper-simple-access" "^7.18.6" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/helper-validator-identifier" "^7.18.6" - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.19.0" - "@babel/types" "^7.19.0" - -"@babel/helper-simple-access@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea" - integrity sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-split-export-declaration@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075" - integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-string-parser@^7.18.10": - version "7.18.10" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56" - integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw== - "@babel/helper-validator-identifier@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076" integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g== -"@babel/helper-validator-option@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8" - integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw== - -"@babel/helpers@^7.17.9": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.19.0.tgz#f30534657faf246ae96551d88dd31e9d1fa1fc18" - integrity sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg== - dependencies: - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.19.0" - "@babel/types" "^7.19.0" - "@babel/highlight@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf" @@ -150,56 +23,6 @@ chalk "^2.0.0" js-tokens "^4.0.0" -"@babel/parser@^7.17.10", "@babel/parser@^7.18.10", "@babel/parser@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.0.tgz#497fcafb1d5b61376959c1c338745ef0577aa02c" - integrity sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw== - -"@babel/register@^7.8.3": - version "7.17.7" - resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.17.7.tgz#5eef3e0f4afc07e25e847720e7b987ae33f08d0b" - integrity sha512-fg56SwvXRifootQEDQAu1mKdjh5uthPzdO0N6t358FktfL4XjAVXuH58ULoiW8mesxiOgNIrxiImqEwv0+hRRA== - dependencies: - clone-deep "^4.0.1" - find-cache-dir "^2.0.0" - make-dir "^2.1.0" - pirates "^4.0.5" - source-map-support "^0.5.16" - -"@babel/template@^7.16.7", "@babel/template@^7.18.10": - version "7.18.10" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71" - integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA== - dependencies: - "@babel/code-frame" "^7.18.6" - "@babel/parser" "^7.18.10" - "@babel/types" "^7.18.10" - -"@babel/traverse@^7.17.10", "@babel/traverse@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.19.0.tgz#eb9c561c7360005c592cc645abafe0c3c4548eed" - integrity sha512-4pKpFRDh+utd2mbRC8JLnlsMUii3PMHjpL6a0SZ4NMZy7YFP9aXORxEhdMVOc9CpWtDF09IkciQLEhK7Ml7gRA== - dependencies: - "@babel/code-frame" "^7.18.6" - "@babel/generator" "^7.19.0" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.19.0" - "@babel/helper-hoist-variables" "^7.18.6" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/parser" "^7.19.0" - "@babel/types" "^7.19.0" - debug "^4.1.0" - globals "^11.1.0" - -"@babel/types@^7.17.10", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600" - integrity sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA== - dependencies: - "@babel/helper-string-parser" "^7.18.10" - "@babel/helper-validator-identifier" "^7.18.6" - to-fast-properties "^2.0.0" - "@ckeditor/ckeditor5-alignment@~35.1.0": version "35.1.0" resolved "https://registry.yarnpkg.com/@ckeditor/ckeditor5-alignment/-/ckeditor5-alignment-35.1.0.tgz#3cf68f4c3a04e1bf9e356c7bfed4fcbc331b58f1" @@ -750,12 +573,108 @@ resolved "https://registry.yarnpkg.com/@cspell/dict-vue/-/dict-vue-2.0.2.tgz#8618b9f4825b3d80e1788082c19ac9c15832463e" integrity sha512-/MB0RS0Gn01s4pgmjy0FvsLfr3RRMrRphEuvTRserNcM8XVtoIVAtrjig/Gg0DPwDrN8Clm0L1j7iQay6S8D0g== -"@csstools/convert-colors@^1.4.0": - version "1.4.0" - resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7" - integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw== +"@csstools/postcss-cascade-layers@^1.0.6": + version "1.0.6" + resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.0.6.tgz#a52da13b91fc184a52337b4e938c3d3188e537b0" + integrity sha512-ei4Vh4AJwTCXTNj7uzwduoZDO7nLPksQ0TI7OzUlyFq4P4Uhu6hU7R4AlLimDP/s6D3PQdHmRL4f7UOy370UHA== + dependencies: + "@csstools/selector-specificity" "^2.0.2" + postcss-selector-parser "^6.0.10" + +"@csstools/postcss-color-function@^1.1.1": + version "1.1.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b" + integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw== + dependencies: + "@csstools/postcss-progressive-custom-properties" "^1.1.0" + postcss-value-parser "^4.2.0" + +"@csstools/postcss-font-format-keywords@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a" + integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-hwb-function@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b" + integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-ic-unit@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58" + integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw== + dependencies: + "@csstools/postcss-progressive-custom-properties" "^1.1.0" + postcss-value-parser "^4.2.0" + +"@csstools/postcss-is-pseudo-class@^2.0.7": + version "2.0.7" + resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1" + integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA== + dependencies: + "@csstools/selector-specificity" "^2.0.0" + postcss-selector-parser "^6.0.10" + +"@csstools/postcss-nested-calc@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26" + integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ== + dependencies: + postcss-value-parser "^4.2.0" -"@csstools/selector-specificity@^2.0.2": +"@csstools/postcss-normalize-display-values@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3" + integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-oklab-function@^1.1.1": + version "1.1.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844" + integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA== + dependencies: + "@csstools/postcss-progressive-custom-properties" "^1.1.0" + postcss-value-parser "^4.2.0" + +"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0": + version "1.3.0" + resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa" + integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-stepped-value-functions@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4" + integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-text-decoration-shorthand@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f" + integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-trigonometric-functions@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756" + integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og== + dependencies: + postcss-value-parser "^4.2.0" + +"@csstools/postcss-unset-value@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77" + integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g== + +"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2": version "2.0.2" resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36" integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg== @@ -809,15 +728,7 @@ resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45" integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA== -"@jridgewell/gen-mapping@^0.1.0": - version "0.1.1" - resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996" - integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w== - dependencies: - "@jridgewell/set-array" "^1.0.0" - "@jridgewell/sourcemap-codec" "^1.4.10" - -"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2": +"@jridgewell/gen-mapping@^0.3.0": version "0.3.2" resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9" integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A== @@ -831,7 +742,7 @@ resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78" integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w== -"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1": +"@jridgewell/set-array@^1.0.1": version "1.1.2" resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72" integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw== @@ -1299,18 +1210,17 @@ asynckit@^0.4.0: resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q== -autoprefixer@^9.6.1: - version "9.8.8" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.8.tgz#fd4bd4595385fa6f06599de749a4d5f7a474957a" - integrity sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA== +autoprefixer@^10.4.8: + version "10.4.9" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.9.tgz#40f932f7d0535264823882031f9254ea72c693e5" + integrity sha512-Uu67eduPEmOeA0vyJby5ghu1AAELCCNSsLAjK+lz6kYzNM5sqnBO36MqfsjhPjQF/BaJM5U/UuFYyl7PavY/wQ== dependencies: - browserslist "^4.12.0" - caniuse-lite "^1.0.30001109" + browserslist "^4.21.3" + caniuse-lite "^1.0.30001394" + fraction.js "^4.2.0" normalize-range "^0.1.2" - num2fraction "^1.2.2" - picocolors "^0.2.1" - postcss "^7.0.32" - postcss-value-parser "^4.1.0" + picocolors "^1.0.0" + postcss-value-parser "^4.2.0" axios@^0.24.0: version "0.24.0" @@ -1406,18 +1316,7 @@ browser-stdout@1.3.1: resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60" integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw== -browserslist@^4.12.0, browserslist@^4.6.4: - version "4.20.3" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf" - integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg== - dependencies: - caniuse-lite "^1.0.30001332" - electron-to-chromium "^1.4.118" - escalade "^3.1.1" - node-releases "^2.0.3" - picocolors "^1.0.0" - -browserslist@^4.14.5, browserslist@^4.20.2: +browserslist@^4.14.5, browserslist@^4.21.3: version "4.21.3" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.3.tgz#5df277694eb3c48bc5c4b05af3e8b7e09c5a6d1a" integrity sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ== @@ -1477,16 +1376,16 @@ camelcase@^6.0.0, camelcase@^6.2.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== -caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109: - version "1.0.30001335" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001335.tgz#899254a0b70579e5a957c32dced79f0727c61f2a" - integrity sha512-ddP1Tgm7z2iIxu6QTtbZUv6HJxSaV/PZeSrWFZtbY4JZ69tOeNhBCl3HyRQgeNZKE5AOn1kpV7fhljigy0Ty3w== - -caniuse-lite@^1.0.30001332, caniuse-lite@^1.0.30001370: +caniuse-lite@^1.0.30001370: version "1.0.30001390" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001390.tgz#158a43011e7068ef7fc73590e9fd91a7cece5e7f" integrity sha512-sS4CaUM+/+vqQUlCvCJ2WtDlV81aWtHhqeEVkLokVJJa3ViN4zDxAGfq9R8i1m90uGHxo99cy10Od+lvn3hf0g== +caniuse-lite@^1.0.30001394: + version "1.0.30001397" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001397.tgz#010d9d56e3b8abcd8df261d0a94b22426271a15f" + integrity sha512-SW9N2TbCdLf0eiNDRrrQXx2sOkaakNZbCjgNpPyMJJbiOrU5QzMIrXOVMRM1myBXTD5iTkdrtU/EguCrBocHlA== + chai-nightwatch@0.5.3: version "0.5.3" resolved "https://registry.yarnpkg.com/chai-nightwatch/-/chai-nightwatch-0.5.3.tgz#980ecf63dde5a04e7f3524370682c7ff01178ffb" @@ -1692,11 +1591,6 @@ comment-json@^4.2.3: has-own-prop "^2.0.0" repeat-string "^1.6.1" -commondir@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" - integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg== - concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" @@ -1719,13 +1613,6 @@ confusing-browser-globals@^1.0.10: resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81" integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA== -convert-source-map@^1.7.0: - version "1.8.0" - resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369" - integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA== - dependencies: - safe-buffer "~5.1.1" - core-util-is@^1.0.3, core-util-is@~1.0.0: version "1.0.3" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85" @@ -1844,42 +1731,34 @@ cspell@^6.0.0: strip-ansi "^6.0.1" vscode-uri "^3.0.3" -css-blank-pseudo@^0.1.4: - version "0.1.4" - resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz#dfdefd3254bf8a82027993674ccf35483bfcb3c5" - integrity sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w== +css-blank-pseudo@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561" + integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ== dependencies: - postcss "^7.0.5" + postcss-selector-parser "^6.0.9" css-functions-list@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.1.0.tgz#cf5b09f835ad91a00e5959bcfc627cd498e1321b" integrity sha512-/9lCvYZaUbBGvYUgYGFJ4dcYiyqdhSjG7IPVluoV8A1ILjkF7ilmhp1OGUz8n+nmBcu0RNrQAzgD8B6FJbrt2w== -css-has-pseudo@^0.10.0: - version "0.10.0" - resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz#3c642ab34ca242c59c41a125df9105841f6966ee" - integrity sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ== - dependencies: - postcss "^7.0.6" - postcss-selector-parser "^5.0.0-rc.4" - -css-prefers-color-scheme@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz#6f830a2714199d4f0d0d0bb8a27916ed65cff1f4" - integrity sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg== +css-has-pseudo@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73" + integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw== dependencies: - postcss "^7.0.5" + postcss-selector-parser "^6.0.9" -cssdb@^4.4.0: - version "4.4.0" - resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-4.4.0.tgz#3bf2f2a68c10f5c6a08abd92378331ee803cddb0" - integrity sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ== +css-prefers-color-scheme@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349" + integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA== -cssesc@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703" - integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg== +cssdb@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.0.1.tgz#3810a0c67ae06362982dfe965dbedf57a0f26617" + integrity sha512-pT3nzyGM78poCKLAEy2zWIVX2hikq6dIrjuZzLV98MumBg+xMTNYfHx7paUlfiRTgg91O/vR889CIf+qiv79Rw== cssesc@^3.0.0: version "3.0.0" @@ -1917,7 +1796,7 @@ data-urls@^3.0.2: whatwg-mimetype "^3.0.0" whatwg-url "^11.0.0" -debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4: +debug@4, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4: version "4.3.4" resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865" integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ== @@ -2088,7 +1967,7 @@ dotenv@^8.2.0: resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b" integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g== -electron-to-chromium@^1.4.118, electron-to-chromium@^1.4.202: +electron-to-chromium@^1.4.202: version "1.4.242" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.242.tgz#51284820b0e6f6ce6c60d3945a3c4f9e4bd88f5f" integrity sha512-nPdgMWtjjWGCtreW/2adkrB2jyHjClo9PtVhR6rW+oxa4E4Wom642Tn+5LslHP3XPL5MCpkn5/UEY60EXylNeQ== @@ -2491,15 +2370,6 @@ fill-range@^7.0.1: dependencies: to-regex-range "^5.0.1" -find-cache-dir@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7" - integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ== - dependencies: - commondir "^1.0.1" - make-dir "^2.0.0" - pkg-dir "^3.0.0" - find-up@5.0.0, find-up@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc" @@ -2515,13 +2385,6 @@ find-up@^2.1.0: dependencies: locate-path "^2.0.0" -find-up@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73" - integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg== - dependencies: - locate-path "^3.0.0" - find-up@^4.0.0, find-up@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19" @@ -2548,11 +2411,6 @@ flatted@^3.1.0: resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787" integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ== -flatten@^1.0.2: - version "1.0.3" - resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b" - integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg== - follow-redirects@^1.14.4: version "1.15.1" resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.1.tgz#0ca6a452306c9b276e4d3127483e29575e207ad5" @@ -2567,6 +2425,11 @@ form-data@^4.0.0: combined-stream "^1.0.8" mime-types "^2.1.12" +fraction.js@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950" + integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA== + fs-extra@^10.1.0: version "10.1.0" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf" @@ -2601,11 +2464,6 @@ gensequence@^3.1.1: resolved "https://registry.yarnpkg.com/gensequence/-/gensequence-3.1.1.tgz#95c1afc7c0680f92942c17f2d6f83f3d26ea97af" integrity sha512-ys3h0hiteRwmY6BsvSttPmkhC0vEQHPJduANBRtH/dlDPZ0UBIb/dXy80IcckXyuQ6LKg+PloRqvGER9IS7F7g== -gensync@^1.0.0-beta.2: - version "1.0.0-beta.2" - resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0" - integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== - get-caller-file@^2.0.5: version "2.0.5" resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" @@ -2731,11 +2589,6 @@ global-prefix@^3.0.0: kind-of "^6.0.2" which "^1.3.1" -globals@^11.1.0: - version "11.12.0" - resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" - integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== - globals@^13.15.0: version "13.17.0" resolved "https://registry.yarnpkg.com/globals/-/globals-13.17.0.tgz#902eb1e680a41da93945adbdcb5a9f361ba69bd4" @@ -2925,11 +2778,6 @@ indent-string@^4.0.0: resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251" integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg== -indexes-of@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" - integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc= - inflight@^1.0.4: version "1.0.6" resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" @@ -3252,11 +3100,6 @@ jsdom@^20.0.0: ws "^8.8.0" xml-name-validator "^4.0.0" -jsesc@^2.5.1: - version "2.5.2" - resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4" - integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA== - json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d" @@ -3284,7 +3127,7 @@ json5@^1.0.1: dependencies: minimist "^1.2.0" -json5@^2.1.2, json5@^2.2.1: +json5@^2.1.2: version "2.2.1" resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c" integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA== @@ -3373,14 +3216,6 @@ locate-path@^2.0.0: p-locate "^2.0.0" path-exists "^3.0.0" -locate-path@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e" - integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A== - dependencies: - p-locate "^3.0.0" - path-exists "^3.0.0" - locate-path@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0" @@ -3525,15 +3360,7 @@ lru-cache@^6.0.0: dependencies: yallist "^4.0.0" -make-dir@^2.0.0, make-dir@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5" - integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA== - dependencies: - pify "^4.0.1" - semver "^5.6.0" - -make-dir@^3.0.0: +make-dir@^3.0.0, make-dir@~3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f" integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw== @@ -3603,10 +3430,10 @@ mime-types@^2.1.12, mime-types@^2.1.27: dependencies: mime-db "1.52.0" -mime@^2.3.1: - version "2.6.0" - resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367" - integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg== +mime@~2.5.2: + version "2.5.2" + resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe" + integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg== mimic-fn@^2.1.0: version "2.1.0" @@ -3646,6 +3473,13 @@ minimatch@^5.0.1: dependencies: brace-expansion "^2.0.1" +minimatch@~3.0.4: + version "3.0.8" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1" + integrity sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q== + dependencies: + brace-expansion "^1.1.7" + minimist-options@4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619" @@ -3660,13 +3494,6 @@ minimist@1.2.6, minimist@^1.2.0, minimist@^1.2.2, minimist@^1.2.6: resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44" integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q== -mkdirp@^0.5.0: - version "0.5.6" - resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6" - integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw== - dependencies: - minimist "^1.2.6" - mkdirp@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e" @@ -3777,7 +3604,7 @@ node-fetch@^2.6.7: dependencies: whatwg-url "^5.0.0" -node-releases@^2.0.3, node-releases@^2.0.6: +node-releases@^2.0.6: version "2.0.6" resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503" integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg== @@ -3817,11 +3644,6 @@ normalize.css@8.0.x: resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3" integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg== -num2fraction@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede" - integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4= - nwsapi@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7" @@ -3925,7 +3747,7 @@ p-limit@^1.1.0: dependencies: p-try "^1.0.0" -p-limit@^2.0.0, p-limit@^2.2.0: +p-limit@^2.2.0: version "2.3.0" resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1" integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w== @@ -3946,13 +3768,6 @@ p-locate@^2.0.0: dependencies: p-limit "^1.1.0" -p-locate@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4" - integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ== - dependencies: - p-limit "^2.0.0" - p-locate@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07" @@ -4060,11 +3875,6 @@ pend@~1.2.0: resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50" integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA= -picocolors@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f" - integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA== - picocolors@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" @@ -4080,23 +3890,6 @@ pify@^2.3.0: resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw= -pify@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231" - integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g== - -pirates@^4.0.5: - version "4.0.5" - resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b" - integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ== - -pkg-dir@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3" - integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw== - dependencies: - find-up "^3.0.0" - pkg-dir@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3" @@ -4104,285 +3897,260 @@ pkg-dir@^4.2.0: dependencies: find-up "^4.0.0" -postcss-attribute-case-insensitive@^4.0.1: - version "4.0.2" - resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz#d93e46b504589e94ac7277b0463226c68041a880" - integrity sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA== +postcss-attribute-case-insensitive@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741" + integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ== dependencies: - postcss "^7.0.2" - postcss-selector-parser "^6.0.2" + postcss-selector-parser "^6.0.10" -postcss-color-functional-notation@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz#5efd37a88fbabeb00a2966d1e53d98ced93f74e0" - integrity sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g== +postcss-clamp@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363" + integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow== dependencies: - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-color-gray@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz#532a31eb909f8da898ceffe296fdc1f864be8547" - integrity sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw== +postcss-color-functional-notation@^4.2.4: + version "4.2.4" + resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec" + integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg== dependencies: - "@csstools/convert-colors" "^1.4.0" - postcss "^7.0.5" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-color-hex-alpha@^5.0.3: - version "5.0.3" - resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz#a8d9ca4c39d497c9661e374b9c51899ef0f87388" - integrity sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw== +postcss-color-hex-alpha@^8.0.4: + version "8.0.4" + resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5" + integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ== dependencies: - postcss "^7.0.14" - postcss-values-parser "^2.0.1" + postcss-value-parser "^4.2.0" -postcss-color-mod-function@^3.0.3: - version "3.0.3" - resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz#816ba145ac11cc3cb6baa905a75a49f903e4d31d" - integrity sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ== +postcss-color-rebeccapurple@^7.1.1: + version "7.1.1" + resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0" + integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg== dependencies: - "@csstools/convert-colors" "^1.4.0" - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-color-rebeccapurple@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz#c7a89be872bb74e45b1e3022bfe5748823e6de77" - integrity sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g== +postcss-custom-media@^8.0.2: + version "8.0.2" + resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea" + integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg== dependencies: - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-custom-media@^7.0.8: - version "7.0.8" - resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz#fffd13ffeffad73621be5f387076a28b00294e0c" - integrity sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg== +postcss-custom-properties@^12.1.8: + version "12.1.8" + resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.8.tgz#aa003e1885c5bd28e2e32496cd597e389ca889e4" + integrity sha512-8rbj8kVu00RQh2fQF81oBqtduiANu4MIxhyf0HbbStgPtnFlWn0yiaYTpLHrPnJbffVY1s9apWsIoVZcc68FxA== dependencies: - postcss "^7.0.14" + postcss-value-parser "^4.2.0" -postcss-custom-properties@^8.0.11: - version "8.0.11" - resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz#2d61772d6e92f22f5e0d52602df8fae46fa30d97" - integrity sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA== +postcss-custom-selectors@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9" + integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg== dependencies: - postcss "^7.0.17" - postcss-values-parser "^2.0.1" + postcss-selector-parser "^6.0.4" -postcss-custom-selectors@^5.1.2: - version "5.1.2" - resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz#64858c6eb2ecff2fb41d0b28c9dd7b3db4de7fba" - integrity sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w== +postcss-dir-pseudo-class@^6.0.5: + version "6.0.5" + resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c" + integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA== dependencies: - postcss "^7.0.2" - postcss-selector-parser "^5.0.0-rc.3" + postcss-selector-parser "^6.0.10" -postcss-dir-pseudo-class@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz#6e3a4177d0edb3abcc85fdb6fbb1c26dabaeaba2" - integrity sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw== +postcss-double-position-gradients@^3.1.2: + version "3.1.2" + resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91" + integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ== dependencies: - postcss "^7.0.2" - postcss-selector-parser "^5.0.0-rc.3" + "@csstools/postcss-progressive-custom-properties" "^1.1.0" + postcss-value-parser "^4.2.0" -postcss-double-position-gradients@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz#fc927d52fddc896cb3a2812ebc5df147e110522e" - integrity sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA== +postcss-env-function@^4.0.6: + version "4.0.6" + resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a" + integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA== dependencies: - postcss "^7.0.5" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-env-function@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-2.0.2.tgz#0f3e3d3c57f094a92c2baf4b6241f0b0da5365d7" - integrity sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw== +postcss-focus-visible@^6.0.4: + version "6.0.4" + resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e" + integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw== dependencies: - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + postcss-selector-parser "^6.0.9" -postcss-focus-visible@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz#477d107113ade6024b14128317ade2bd1e17046e" - integrity sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g== +postcss-focus-within@^5.0.4: + version "5.0.4" + resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20" + integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ== dependencies: - postcss "^7.0.2" + postcss-selector-parser "^6.0.9" -postcss-focus-within@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz#763b8788596cee9b874c999201cdde80659ef680" - integrity sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w== - dependencies: - postcss "^7.0.2" +postcss-font-variant@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66" + integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA== -postcss-font-variant@^4.0.0: - version "4.0.1" - resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz#42d4c0ab30894f60f98b17561eb5c0321f502641" - integrity sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA== - dependencies: - postcss "^7.0.2" +postcss-gap-properties@^3.0.5: + version "3.0.5" + resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff" + integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg== -postcss-gap-properties@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz#431c192ab3ed96a3c3d09f2ff615960f902c1715" - integrity sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg== - dependencies: - postcss "^7.0.2" - -postcss-header@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-header/-/postcss-header-2.0.0.tgz#e7dbc95abeaa2dfb46b3106c1541c4845d3382da" - integrity sha512-h/2vrxf9YoLXji6qnbO79OH+UyTEc8BtqpYOrJn4E/rmPlLlt9ciAbHvQDPuhbBUtaFClcXBMWVejbwdpHYUpA== - dependencies: - "@babel/core" "^7.8.4" - "@babel/register" "^7.8.3" +postcss-header@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/postcss-header/-/postcss-header-3.0.2.tgz#33de3ef116b345b2bc4b73ba598fbf975bac8fde" + integrity sha512-d379cm2ln3I7UNlUbC9C2Ygb4QnxFYbonhXufZsGxSu1GpanZPEsAXSHscbk+e4LGs2fj1lOwa0C8Cgpc6Jagw== -postcss-image-set-function@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz#28920a2f29945bed4c3198d7df6496d410d3f288" - integrity sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw== +postcss-image-set-function@^4.0.7: + version "4.0.7" + resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f" + integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw== dependencies: - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + postcss-value-parser "^4.2.0" -postcss-import@^12.0.1: - version "12.0.1" - resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-12.0.1.tgz#cf8c7ab0b5ccab5649024536e565f841928b7153" - integrity sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw== +postcss-import@^15.0.0: + version "15.0.0" + resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.0.0.tgz#0b66c25fdd9c0d19576e63c803cf39e4bad08822" + integrity sha512-Y20shPQ07RitgBGv2zvkEAu9bqvrD77C9axhj/aA1BQj4czape2MdClCExvB27EwYEJdGgKZBpKanb0t1rK2Kg== dependencies: - postcss "^7.0.1" - postcss-value-parser "^3.2.3" + postcss-value-parser "^4.0.0" read-cache "^1.0.0" resolve "^1.1.7" -postcss-initial@^3.0.0: - version "3.0.4" - resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-3.0.4.tgz#9d32069a10531fe2ecafa0b6ac750ee0bc7efc53" - integrity sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg== - dependencies: - postcss "^7.0.2" +postcss-initial@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42" + integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ== -postcss-lab-function@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz#bb51a6856cd12289ab4ae20db1e3821ef13d7d2e" - integrity sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg== +postcss-lab-function@^4.2.1: + version "4.2.1" + resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98" + integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w== dependencies: - "@csstools/convert-colors" "^1.4.0" - postcss "^7.0.2" - postcss-values-parser "^2.0.0" + "@csstools/postcss-progressive-custom-properties" "^1.1.0" + postcss-value-parser "^4.2.0" -postcss-logical@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-3.0.0.tgz#2495d0f8b82e9f262725f75f9401b34e7b45d5b5" - integrity sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA== - dependencies: - postcss "^7.0.2" +postcss-logical@^5.0.4: + version "5.0.4" + resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73" + integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g== -postcss-media-minmax@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz#b75bb6cbc217c8ac49433e12f22048814a4f5ed5" - integrity sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw== - dependencies: - postcss "^7.0.2" +postcss-media-minmax@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5" + integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ== postcss-media-query-parser@^0.2.3: version "0.2.3" resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244" integrity sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig== -postcss-nesting@^7.0.0: - version "7.0.1" - resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052" - integrity sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg== +postcss-nesting@^10.1.10: + version "10.1.10" + resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.1.10.tgz#9c396df3d8232cbedfa95baaac6b765b8fd2a817" + integrity sha512-lqd7LXCq0gWc0wKXtoKDru5wEUNjm3OryLVNRZ8OnW8km6fSNUuFrjEhU3nklxXE2jvd4qrox566acgh+xQt8w== dependencies: - postcss "^7.0.2" + "@csstools/selector-specificity" "^2.0.0" + postcss-selector-parser "^6.0.10" -postcss-overflow-shorthand@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz#31ecf350e9c6f6ddc250a78f0c3e111f32dd4c30" - integrity sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g== - dependencies: - postcss "^7.0.2" +postcss-opacity-percentage@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.2.tgz#bd698bb3670a0a27f6d657cc16744b3ebf3b1145" + integrity sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w== -postcss-page-break@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-2.0.0.tgz#add52d0e0a528cabe6afee8b46e2abb277df46bf" - integrity sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ== +postcss-overflow-shorthand@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e" + integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A== dependencies: - postcss "^7.0.2" + postcss-value-parser "^4.2.0" -postcss-place@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-4.0.1.tgz#e9f39d33d2dc584e46ee1db45adb77ca9d1dcc62" - integrity sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg== - dependencies: - postcss "^7.0.2" - postcss-values-parser "^2.0.0" - -postcss-preset-env@^6.7.0: - version "6.7.1" - resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-6.7.1.tgz#26563d2e9395d626a45a836450844540694bfcef" - integrity sha512-rlRkgX9t0v2On33n7TK8pnkcYOATGQSv48J2RS8GsXhqtg+xk6AummHP88Y5mJo0TLJelBjePvSjScTNkj3+qw== - dependencies: - autoprefixer "^9.6.1" - browserslist "^4.6.4" - caniuse-lite "^1.0.30000981" - css-blank-pseudo "^0.1.4" - css-has-pseudo "^0.10.0" - css-prefers-color-scheme "^3.1.1" - cssdb "^4.4.0" - postcss "^7.0.17" - postcss-attribute-case-insensitive "^4.0.1" - postcss-color-functional-notation "^2.0.1" - postcss-color-gray "^5.0.0" - postcss-color-hex-alpha "^5.0.3" - postcss-color-mod-function "^3.0.3" - postcss-color-rebeccapurple "^4.0.1" - postcss-custom-media "^7.0.8" - postcss-custom-properties "^8.0.11" - postcss-custom-selectors "^5.1.2" - postcss-dir-pseudo-class "^5.0.0" - postcss-double-position-gradients "^1.0.0" - postcss-env-function "^2.0.2" - postcss-focus-visible "^4.0.0" - postcss-focus-within "^3.0.0" - postcss-font-variant "^4.0.0" - postcss-gap-properties "^2.0.0" - postcss-image-set-function "^3.0.1" - postcss-initial "^3.0.0" - postcss-lab-function "^2.0.1" - postcss-logical "^3.0.0" - postcss-media-minmax "^4.0.0" - postcss-nesting "^7.0.0" - postcss-overflow-shorthand "^2.0.0" - postcss-page-break "^2.0.0" - postcss-place "^4.0.1" - postcss-pseudo-class-any-link "^6.0.0" - postcss-replace-overflow-wrap "^3.0.0" - postcss-selector-matches "^4.0.0" - postcss-selector-not "^4.0.0" - -postcss-pseudo-class-any-link@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz#2ed3eed393b3702879dec4a87032b210daeb04d1" - integrity sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew== - dependencies: - postcss "^7.0.2" - postcss-selector-parser "^5.0.0-rc.3" +postcss-page-break@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f" + integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ== -postcss-pxtorem@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-pxtorem/-/postcss-pxtorem-5.1.1.tgz#198a68c10f9ad2d42370ef66299d7b3168f8cffa" - integrity sha512-uvgIujL/pn0GbZ+rczESD2orHsbXrrCqi+q9wJO8PCk3ZGCoVVtu5hZTbtk+tbZHZP5UkTfCvqOrTZs9Ncqfsg== +postcss-place@^7.0.5: + version "7.0.5" + resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4" + integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g== dependencies: - postcss "^7.0.27" + postcss-value-parser "^4.2.0" -postcss-replace-overflow-wrap@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz#61b360ffdaedca84c7c918d2b0f0d0ea559ab01c" - integrity sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw== +postcss-preset-env@^7.8.1: + version "7.8.1" + resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.1.tgz#2bfe935736727ab601a5c718bf24fc9f858eceb0" + integrity sha512-8884CHxQaoN1i4iEK+JvzOe8emODb5R4p/0dw4yEdo7QM4RdUk2sBx0fnzFyJt8BLfZSCGeVkKZ4HC564waBpQ== + dependencies: + "@csstools/postcss-cascade-layers" "^1.0.6" + "@csstools/postcss-color-function" "^1.1.1" + "@csstools/postcss-font-format-keywords" "^1.0.1" + "@csstools/postcss-hwb-function" "^1.0.2" + "@csstools/postcss-ic-unit" "^1.0.1" + "@csstools/postcss-is-pseudo-class" "^2.0.7" + "@csstools/postcss-nested-calc" "^1.0.0" + "@csstools/postcss-normalize-display-values" "^1.0.1" + "@csstools/postcss-oklab-function" "^1.1.1" + "@csstools/postcss-progressive-custom-properties" "^1.3.0" + "@csstools/postcss-stepped-value-functions" "^1.0.1" + "@csstools/postcss-text-decoration-shorthand" "^1.0.0" + "@csstools/postcss-trigonometric-functions" "^1.0.2" + "@csstools/postcss-unset-value" "^1.0.2" + autoprefixer "^10.4.8" + browserslist "^4.21.3" + css-blank-pseudo "^3.0.3" + css-has-pseudo "^3.0.4" + css-prefers-color-scheme "^6.0.3" + cssdb "^7.0.1" + postcss-attribute-case-insensitive "^5.0.2" + postcss-clamp "^4.1.0" + postcss-color-functional-notation "^4.2.4" + postcss-color-hex-alpha "^8.0.4" + postcss-color-rebeccapurple "^7.1.1" + postcss-custom-media "^8.0.2" + postcss-custom-properties "^12.1.8" + postcss-custom-selectors "^6.0.3" + postcss-dir-pseudo-class "^6.0.5" + postcss-double-position-gradients "^3.1.2" + postcss-env-function "^4.0.6" + postcss-focus-visible "^6.0.4" + postcss-focus-within "^5.0.4" + postcss-font-variant "^5.0.0" + postcss-gap-properties "^3.0.5" + postcss-image-set-function "^4.0.7" + postcss-initial "^4.0.1" + postcss-lab-function "^4.2.1" + postcss-logical "^5.0.4" + postcss-media-minmax "^5.0.0" + postcss-nesting "^10.1.10" + postcss-opacity-percentage "^1.1.2" + postcss-overflow-shorthand "^3.0.4" + postcss-page-break "^3.0.4" + postcss-place "^7.0.5" + postcss-pseudo-class-any-link "^7.1.6" + postcss-replace-overflow-wrap "^4.0.0" + postcss-selector-not "^6.0.1" + postcss-value-parser "^4.2.0" + +postcss-pseudo-class-any-link@^7.1.6: + version "7.1.6" + resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab" + integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w== dependencies: - postcss "^7.0.2" + postcss-selector-parser "^6.0.10" + +postcss-pxtorem@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz#f228a4d05d8a73f0642eabae950e2b19836366d7" + integrity sha512-ZRXrD7MLLjLk2RNGV6UA4f5Y7gy+a/j1EqjAfp9NdcNYVjUMvg5HTYduTjSkKBkRkfqbg/iKrjMO70V4g1LZeg== + +postcss-replace-overflow-wrap@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319" + integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw== postcss-resolve-nested-selector@^0.1.1: version "0.1.1" @@ -4394,32 +4162,14 @@ postcss-safe-parser@^6.0.0: resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1" integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ== -postcss-selector-matches@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz#71c8248f917ba2cc93037c9637ee09c64436fcff" - integrity sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww== - dependencies: - balanced-match "^1.0.0" - postcss "^7.0.2" - -postcss-selector-not@^4.0.0: - version "4.0.1" - resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz#263016eef1cf219e0ade9a913780fc1f48204cbf" - integrity sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ== - dependencies: - balanced-match "^1.0.0" - postcss "^7.0.2" - -postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4: - version "5.0.0" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz#249044356697b33b64f1a8f7c80922dddee7195c" - integrity sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ== +postcss-selector-not@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d" + integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ== dependencies: - cssesc "^2.0.0" - indexes-of "^1.0.1" - uniq "^1.0.1" + postcss-selector-parser "^6.0.10" -postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2: +postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9: version "6.0.10" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d" integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w== @@ -4432,44 +4182,21 @@ postcss-sorting@^7.0.1: resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-7.0.1.tgz#923b5268451cf2d93ebf8835e17a6537757049a5" integrity sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g== -postcss-url@^8.0.0: - version "8.0.0" - resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-8.0.0.tgz#7b10059bd12929cdbb1971c60f61a0e5af86b4ca" - integrity sha512-E2cbOQ5aii2zNHh8F6fk1cxls7QVFZjLPSrqvmiza8OuXLzIpErij8BDS5Y3STPfJgpIMNCPEr8JlKQWEoozUw== +postcss-url@^10.1.3: + version "10.1.3" + resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-10.1.3.tgz#54120cc910309e2475ec05c2cfa8f8a2deafdf1e" + integrity sha512-FUzyxfI5l2tKmXdYc6VTu3TWZsInayEKPbiyW+P6vmmIrrb4I6CGX0BFoewgYHLK+oIL5FECEK02REYRpBvUCw== dependencies: - mime "^2.3.1" - minimatch "^3.0.4" - mkdirp "^0.5.0" - postcss "^7.0.2" - xxhashjs "^0.2.1" - -postcss-value-parser@^3.2.3: - version "3.3.1" - resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" - integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== + make-dir "~3.1.0" + mime "~2.5.2" + minimatch "~3.0.4" + xxhashjs "~0.2.2" -postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: +postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== -postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f" - integrity sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg== - dependencies: - flatten "^1.0.2" - indexes-of "^1.0.1" - uniq "^1.0.1" - -postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.18, postcss@^7.0.2, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6: - version "7.0.39" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309" - integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA== - dependencies: - picocolors "^0.2.1" - source-map "^0.6.1" - postcss@^8.3.11: version "8.4.13" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.13.tgz#7c87bc268e79f7f86524235821dfdf9f73e5d575" @@ -4762,7 +4489,7 @@ selenium-webdriver@4.1.1: tmp "^0.2.1" ws ">=7.4.6" -"semver@2 || 3 || 4 || 5", semver@^5.6.0: +"semver@2 || 3 || 4 || 5": version "5.7.1" resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7" integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ== @@ -4869,7 +4596,7 @@ source-map-js@^1.0.2: resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== -source-map-support@^0.5.16, source-map-support@~0.5.20: +source-map-support@~0.5.20: version "0.5.21" resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f" integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w== @@ -4877,7 +4604,7 @@ source-map-support@^0.5.16, source-map-support@~0.5.20: buffer-from "^1.0.0" source-map "^0.6.0" -source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1: +source-map@^0.6.0, source-map@~0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== @@ -5162,11 +4889,6 @@ tmp@^0.2.1: dependencies: rimraf "^3.0.0" -to-fast-properties@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e" - integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog== - to-regex-range@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" @@ -5281,11 +5003,6 @@ underscore@~1.13.4: resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.4.tgz#7886b46bbdf07f768e0052f1828e1dcab40c0dee" integrity sha512-BQFnUDuAQ4Yf/cYY5LNrK9NCJFKriaRbD9uR1fTeXnBeoa97W0i41qkZfGO9pSo8I5KzjAcSY2XYtdf0oKd7KQ== -uniq@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff" - integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8= - unique-string@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d" @@ -5578,7 +5295,7 @@ xmlchars@^2.2.0: resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb" integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw== -xxhashjs@^0.2.1: +xxhashjs@~0.2.2: version "0.2.2" resolved "https://registry.yarnpkg.com/xxhashjs/-/xxhashjs-0.2.2.tgz#8a6251567621a1c46a5ae204da0249c7f8caa9d8" integrity sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw== -- GitLab