From 53f13043c0849e42ce3249a93d2a9481aea0ed95 Mon Sep 17 00:00:00 2001
From: catch <catch@35733.no-reply.drupal.org>
Date: Fri, 28 Apr 2023 09:58:26 +0100
Subject: [PATCH] Issue #3344087 by longwave, Gauravvvv, mherchel, catch:
Update Stylelint and Prettier for Drupal 10.1 and use Prettier for formatting
PostCSS
---
core/.stylelintrc.json | 4 +-
core/misc/dialog/off-canvas/css/base.css | 2 +-
core/misc/dialog/off-canvas/css/details.css | 1 -
core/misc/dialog/off-canvas/css/form.css | 1 -
core/misc/dialog/off-canvas/css/messages.css | 4 -
core/misc/dialog/off-canvas/css/tabledrag.css | 1 -
core/misc/dialog/off-canvas/css/throbber.css | 1 -
core/misc/dialog/off-canvas/css/titlebar.css | 1 -
core/misc/dialog/off-canvas/css/wrapper.css | 2 -
.../css/announcements_feed.toolbar.css | 1 -
.../modules/layout_builder/css/off-canvas.css | 2 -
.../workspaces/css/workspaces.off-canvas.css | 7 -
core/package.json | 6 +-
.../css/components/blocks/search/search.css | 3 +-
core/scripts/css/compile.js | 13 +-
.../claro/css/components/action-link.css | 9 -
.../claro/css/components/breadcrumb.css | 1 -
core/themes/claro/css/components/button.css | 4 +-
core/themes/claro/css/components/dialog.css | 3 +-
.../claro/css/components/dropbutton.css | 3 +-
.../claro/css/components/form--select.css | 1 -
.../claro/css/components/image-preview.css | 12 +-
.../claro/css/components/jquery.ui/theme.css | 692 +++++++++++++-----
core/themes/claro/css/components/pager.css | 2 -
core/themes/claro/css/components/progress.css | 2 -
.../css/components/system-status-counter.css | 3 -
core/themes/claro/css/components/tables.css | 2 -
.../css/components/tablesort-indicator.css | 4 -
.../claro/css/components/toolbar.module.css | 2 -
.../claro/css/components/vertical-tabs.css | 2 +-
.../claro/css/components/views_ui.admin.css | 3 +-
.../claro/css/layout/system-admin--layout.css | 4 +-
.../claro/css/theme/maintenance-page.css | 15 +-
core/themes/claro/css/theme/media-library.css | 2 +-
core/themes/claro/css/theme/tour.theme.css | 8 +-
.../claro/css/theme/views_ui.admin.theme.css | 3 +-
core/themes/olivero/css/base/base.css | 4 -
core/themes/olivero/css/base/fonts.css | 15 +-
core/themes/olivero/css/base/variables.css | 27 +-
.../autocomplete-loading.module.css | 2 +-
core/themes/olivero/css/components/book.css | 3 -
.../olivero/css/components/breadcrumb.css | 9 +-
core/themes/olivero/css/components/button.css | 1 -
.../olivero/css/components/comments.css | 7 -
.../css/components/content-moderation.css | 6 -
.../themes/olivero/css/components/details.css | 1 -
.../olivero/css/components/embedded-media.css | 8 -
core/themes/olivero/css/components/field.css | 1 -
.../olivero/css/components/fieldset.css | 1 -
.../olivero/css/components/form-boolean.css | 1 -
.../olivero/css/components/form-select.css | 4 -
.../olivero/css/components/form-text.css | 16 +-
core/themes/olivero/css/components/form.css | 2 -
.../css/components/header-buttons-mobile.css | 3 -
.../css/components/header-navigation.css | 8 -
.../css/components/header-search-narrow.css | 6 -
.../css/components/header-search-wide.css | 3 -
.../css/components/header-site-branding.css | 10 -
.../css/components/header-sticky-toggle.css | 3 -
core/themes/olivero/css/components/hero.css | 8 +-
core/themes/olivero/css/components/links.css | 1 -
.../css/components/maintenance-page.css | 1 -
.../components/navigation/menu-sidebar.css | 2 +-
.../navigation/nav-button-mobile.css | 2 -
.../css/components/navigation/nav-primary.css | 1 -
.../components/navigation/wide-nav-expand.css | 3 -
.../olivero/css/components/node-teaser.css | 7 -
core/themes/olivero/css/components/node.css | 2 -
core/themes/olivero/css/components/pager.css | 1 -
.../olivero/css/components/search-results.css | 4 -
.../olivero/css/components/site-header.css | 6 -
.../olivero/css/components/skip-link.css | 3 +-
core/themes/olivero/css/components/table.css | 16 +-
core/themes/olivero/css/components/tabs.css | 5 -
core/themes/olivero/css/components/tags.css | 3 +-
.../olivero/css/components/text-content.css | 6 -
.../olivero/css/components/vertical-tabs.css | 7 +-
.../olivero/css/components/wide-image.css | 4 -
core/themes/olivero/css/layout/grid.css | 4 -
.../layout/layout-builder-fourcol-section.css | 1 -
.../layout-builder-threecol-section.css | 1 -
.../layout/layout-builder-twocol-section.css | 1 -
.../css/layout/layout-content-medium.css | 4 -
.../css/layout/layout-content-narrow.css | 9 -
.../layout-discovery-section-layout.css | 2 -
.../olivero/css/layout/layout-footer.css | 3 -
.../olivero/css/layout/layout-sidebar.css | 4 -
core/themes/olivero/css/layout/layout.css | 3 -
.../css/layout/region-content-below.css | 1 -
.../olivero/css/layout/region-content.css | 2 -
core/themes/olivero/css/layout/region.css | 2 -
core/themes/olivero/css/layout/social-bar.css | 6 -
core/themes/olivero/css/layout/views.css | 1 -
core/yarn.lock | 242 +++---
94 files changed, 735 insertions(+), 600 deletions(-)
diff --git a/core/.stylelintrc.json b/core/.stylelintrc.json
index ac80564667eb..f6b7aec03ef1 100644
--- a/core/.stylelintrc.json
+++ b/core/.stylelintrc.json
@@ -5,6 +5,7 @@
],
"rules": {
"alpha-value-notation": "number",
+ "at-rule-empty-line-before": null,
"color-function-notation": "legacy",
"comment-empty-line-before": null,
"custom-property-pattern": "^[a-z][-_a-z0-9IE]*$",
@@ -23,7 +24,7 @@
]
}],
"media-feature-name-no-vendor-prefix": null,
- "number-leading-zero": "always",
+ "media-feature-range-notation": "prefix",
"number-max-precision": 5,
"order/order": [
"custom-properties",
@@ -378,7 +379,6 @@
"selector-id-pattern": "^[a-z][-_a-z0-9]*$",
"selector-no-vendor-prefix": null,
"shorthand-property-no-redundant-values": null,
- "string-quotes": "double",
"unit-allowed-list": ["ch", "deg", "dpcm", "em", "ex", "fr", "ms", "rem", "%", "s", "px", "vw", "vh"],
"value-keyword-case": ["lower", {
"camelCaseSvgKeywords": true,
diff --git a/core/misc/dialog/off-canvas/css/base.css b/core/misc/dialog/off-canvas/css/base.css
index 171c360c0b65..d7cc0955668d 100644
--- a/core/misc/dialog/off-canvas/css/base.css
+++ b/core/misc/dialog/off-canvas/css/base.css
@@ -96,5 +96,5 @@
}
#drupal-off-canvas-wrapper .links li {
- margin: calc(var(--off-canvas-vertical-spacing-unit) /2) 0;
+ margin: calc(var(--off-canvas-vertical-spacing-unit) / 2) 0;
}
diff --git a/core/misc/dialog/off-canvas/css/details.css b/core/misc/dialog/off-canvas/css/details.css
index 0d3758f36d31..2dda1e180686 100644
--- a/core/misc/dialog/off-canvas/css/details.css
+++ b/core/misc/dialog/off-canvas/css/details.css
@@ -57,7 +57,6 @@
}
#drupal-off-canvas-wrapper summary {
-
a {
color: var(--off-canvas-details-text-color);
}
diff --git a/core/misc/dialog/off-canvas/css/form.css b/core/misc/dialog/off-canvas/css/form.css
index 5b41c1ecad5f..2d4897bd459d 100644
--- a/core/misc/dialog/off-canvas/css/form.css
+++ b/core/misc/dialog/off-canvas/css/form.css
@@ -131,7 +131,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper select {
-webkit-appearance: revert;
appearance: revert;
diff --git a/core/misc/dialog/off-canvas/css/messages.css b/core/misc/dialog/off-canvas/css/messages.css
index 15d205457fba..7b0fcbe4a1b6 100644
--- a/core/misc/dialog/off-canvas/css/messages.css
+++ b/core/misc/dialog/off-canvas/css/messages.css
@@ -48,7 +48,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .messages::before {
background: canvastext;
-webkit-mask-repeat: no-repeat;
@@ -90,7 +89,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .messages--status::before {
background: canvastext;
-webkit-mask-image: var(--off-canvas-messages-icon-status);
@@ -107,7 +105,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .messages--warning::before {
background: canvastext;
-webkit-mask-image: var(--off-canvas-messages-icon-warning);
@@ -124,7 +121,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .messages--error::before {
background: canvastext;
-webkit-mask-image: var(--off-canvas-messages-icon-error);
diff --git a/core/misc/dialog/off-canvas/css/tabledrag.css b/core/misc/dialog/off-canvas/css/tabledrag.css
index a86e87e48dda..b959440ad544 100644
--- a/core/misc/dialog/off-canvas/css/tabledrag.css
+++ b/core/misc/dialog/off-canvas/css/tabledrag.css
@@ -68,7 +68,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .tabledrag-handle::after {
background: linktext;
-webkit-mask-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");
diff --git a/core/misc/dialog/off-canvas/css/throbber.css b/core/misc/dialog/off-canvas/css/throbber.css
index ba76a10c791a..8855da840fe2 100644
--- a/core/misc/dialog/off-canvas/css/throbber.css
+++ b/core/misc/dialog/off-canvas/css/throbber.css
@@ -27,7 +27,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .ajax-progress,
#drupal-off-canvas-wrapper .ajax-progress-throbber {
border-top-color: transparent;
diff --git a/core/misc/dialog/off-canvas/css/titlebar.css b/core/misc/dialog/off-canvas/css/titlebar.css
index 9ea08ebaff58..f1b37b43d82b 100644
--- a/core/misc/dialog/off-canvas/css/titlebar.css
+++ b/core/misc/dialog/off-canvas/css/titlebar.css
@@ -52,7 +52,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .ui-dialog-titlebar::before {
background-color: canvastext;
}
diff --git a/core/misc/dialog/off-canvas/css/wrapper.css b/core/misc/dialog/off-canvas/css/wrapper.css
index b6449522de66..ca74cc4bf2ce 100644
--- a/core/misc/dialog/off-canvas/css/wrapper.css
+++ b/core/misc/dialog/off-canvas/css/wrapper.css
@@ -27,7 +27,6 @@
* dialog system uses to expand dialog widths.
*/
}
-
@media (max-width: 48rem) {
#drupal-off-canvas-wrapper {
width: 100% !important;
@@ -43,7 +42,6 @@
.dialog-off-canvas-main-canvas {
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;
diff --git a/core/modules/announcements_feed/css/announcements_feed.toolbar.css b/core/modules/announcements_feed/css/announcements_feed.toolbar.css
index 60aeca2087b4..7fec9139fe80 100644
--- a/core/modules/announcements_feed/css/announcements_feed.toolbar.css
+++ b/core/modules/announcements_feed/css/announcements_feed.toolbar.css
@@ -16,7 +16,6 @@
}
@media (forced-colors: active) {
-
.toolbar .toolbar-icon.announce-canvas-link::before {
background: linktext;
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
diff --git a/core/modules/layout_builder/css/off-canvas.css b/core/modules/layout_builder/css/off-canvas.css
index 1f0a42317df2..1692bd0cf5cc 100644
--- a/core/modules/layout_builder/css/off-canvas.css
+++ b/core/modules/layout_builder/css/off-canvas.css
@@ -47,7 +47,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .layout-icon__region {
fill: canvastext;
}
@@ -80,7 +79,6 @@
}
@media (forced-colors: active) {
-
#drupal-off-canvas-wrapper .inline-block-create-button::before {
background: linktext;
-webkit-mask-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");
diff --git a/core/modules/workspaces/css/workspaces.off-canvas.css b/core/modules/workspaces/css/workspaces.off-canvas.css
index a23bbcb708ba..76a9b1f7bbfe 100644
--- a/core/modules/workspaces/css/workspaces.off-canvas.css
+++ b/core/modules/workspaces/css/workspaces.off-canvas.css
@@ -15,7 +15,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .ui-dialog-content > div {
display: flex;
align-items: flex-end;
@@ -53,7 +52,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .active-workspace {
display: flex;
flex-direction: column;
@@ -91,7 +89,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .active-workspace__label::before {
width: 2.5rem;
height: 2.5rem;
@@ -114,7 +111,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .all-workspaces {
grid-row: 1;
grid-column: 2;
@@ -139,7 +135,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .workspaces ul {
flex-direction: row;
}
@@ -150,7 +145,6 @@
}
@media (min-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog .workspaces {
display: grid;
flex-grow: 8;
@@ -199,7 +193,6 @@
}
@media (max-width: 47.9375rem) {
-
#drupal-off-canvas-wrapper.workspaces-dialog {
height: 100% !important;
}
diff --git a/core/package.json b/core/package.json
index 1dd991f1bc1d..dc91c92e130d 100644
--- a/core/package.json
+++ b/core/package.json
@@ -86,10 +86,10 @@
"prettier": "^2.1.2",
"shepherd.js": "~10.0.1",
"sortablejs": "1.15.x",
- "stylelint": "^14.0.1",
+ "stylelint": "^15.5.0",
"stylelint-checkstyle-formatter": "^0.1.2",
- "stylelint-config-standard": "^29.0.0",
- "stylelint-order": "^5.0.0",
+ "stylelint-config-standard": "^33.0.0",
+ "stylelint-order": "^6.0.3",
"tabbable": "~6.0.0",
"terser": "^5.14.2",
"terser-webpack-plugin": "^5.3.3",
diff --git a/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css b/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css
index 982276283cf5..834da8cef04d 100644
--- a/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css
+++ b/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css
@@ -128,8 +128,7 @@
.search-block-form .form-submit {
margin: 0;
padding: 0.6em 1.25em 0.4em;
- transition: background-color 0.5s ease;
- transition: border 0.5s ease;
+ transition: background-color 0.5s ease, border 0.5s ease;
color: #000;
border: 2px solid #fff;
background-color: #fff;
diff --git a/core/scripts/css/compile.js b/core/scripts/css/compile.js
index e2beed39103d..8a4e68f65fc0 100644
--- a/core/scripts/css/compile.js
+++ b/core/scripts/css/compile.js
@@ -7,7 +7,7 @@ const postcssUrl = require('postcss-url');
const postcssPresetEnv = require('postcss-preset-env');
// cspell:ignore pxtorem
const postcssPixelsToRem = require('postcss-pxtorem');
-const stylelint = require('stylelint');
+const prettier = require('prettier');
const removeUnwantedComments = require('./remove-unwanted-comments');
module.exports = (filePath, callback) => {
@@ -69,13 +69,10 @@ module.exports = (filePath, callback) => {
])
.process(css, { from: filePath })
.then(result => {
- return stylelint.lint({
- code: result.css,
- fix: true
- });
- })
- .then(result => {
- callback(result.output);
+ callback(prettier.format(result.css, {
+ parser: 'css',
+ printWidth: 10000,
+ }));
})
.catch(error => {
log(error);
diff --git a/core/themes/claro/css/components/action-link.css b/core/themes/claro/css/components/action-link.css
index 703697d8e227..22a81981d264 100644
--- a/core/themes/claro/css/components/action-link.css
+++ b/core/themes/claro/css/components/action-link.css
@@ -162,7 +162,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-plus::before {
background: linktext !important;
}
@@ -205,7 +204,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-trash::before {
background: linktext !important;
}
@@ -248,7 +246,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-ex::before {
background: linktext !important;
}
@@ -291,7 +288,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-checkmark::before {
background: linktext !important;
}
@@ -334,7 +330,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-cog::before {
background: linktext !important;
}
@@ -377,7 +372,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-show::before {
background: linktext !important;
}
@@ -420,7 +414,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-hide::before {
background: linktext !important;
}
@@ -463,7 +456,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-key::before {
background: linktext !important;
}
@@ -506,7 +498,6 @@
}
@media (forced-colors: active) {
-
.action-link--icon-questionmark::before {
background: linktext !important;
}
diff --git a/core/themes/claro/css/components/breadcrumb.css b/core/themes/claro/css/components/breadcrumb.css
index 999e54e0635b..d166b2741968 100644
--- a/core/themes/claro/css/components/breadcrumb.css
+++ b/core/themes/claro/css/components/breadcrumb.css
@@ -42,7 +42,6 @@
}
@media (forced-colors: active) {
-
.breadcrumb__item + .breadcrumb__item::before {
width: 0.3125rem; /* Width and height of the SVG. */
height: 0.5rem;
diff --git a/core/themes/claro/css/components/button.css b/core/themes/claro/css/components/button.css
index 286bea9cb540..83695aa5ff12 100644
--- a/core/themes/claro/css/components/button.css
+++ b/core/themes/claro/css/components/button.css
@@ -46,7 +46,7 @@
cursor: pointer;
text-align: center;
text-decoration: none;
- color: var(--button-fg-color); /* 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);
@@ -54,7 +54,7 @@
line-height: 1rem;
-webkit-appearance: none;
appearance: none;
- -webkit-font-smoothing: antialiased; /* 3 */
+ -webkit-font-smoothing: antialiased; /* 3 */
}
[dir="rtl"] .button {
diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css
index f7d55495c62b..56e2e9852de1 100644
--- a/core/themes/claro/css/components/dialog.css
+++ b/core/themes/claro/css/components/dialog.css
@@ -26,7 +26,8 @@
box-shadow: var(--jui-dialog--focus-box-shadow);
}
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
.ui-dialog:not(.ui-dialog-off-canvas) {
min-width: 92%;
max-width: 92%;
diff --git a/core/themes/claro/css/components/dropbutton.css b/core/themes/claro/css/components/dropbutton.css
index e3bb721c0dd5..015f26b69410 100644
--- a/core/themes/claro/css/components/dropbutton.css
+++ b/core/themes/claro/css/components/dropbutton.css
@@ -449,6 +449,7 @@
border-color: var(--color-focus) !important;
}
-.dropbutton__item:first-of-type ~ .dropbutton__item > *:focus { /* 1 */
+.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 4f1a4eabd5dc..5fcbe787d59e 100644
--- a/core/themes/claro/css/components/form--select.css
+++ b/core/themes/claro/css/components/form--select.css
@@ -25,7 +25,6 @@
}
@media (forced-colors: active) {
-
[dir="rtl"] .form-element--type-select {
padding-left: var(--input-padding-horizontal);
}
diff --git a/core/themes/claro/css/components/image-preview.css b/core/themes/claro/css/components/image-preview.css
index 8426c4e00cad..5a206fcdf6d0 100644
--- a/core/themes/claro/css/components/image-preview.css
+++ b/core/themes/claro/css/components/image-preview.css
@@ -31,16 +31,8 @@
}
.image-preview img {
- background-image:
- linear-gradient(-45deg, var(--color-pattern) 25%, transparent 26%),
- linear-gradient(-45deg, var(--color-pattern) 25%, transparent 26%),
- linear-gradient(135deg, var(--color-pattern) 25%, transparent 26%),
- linear-gradient(135deg, var(--color-pattern) 25%, transparent 26%);
- background-position:
- 0 0,
- var(--size-pattern-square) var(--size-pattern-square),
- var(--size-pattern-square) var(--size-pattern-square),
- 0 0;
+ background-image: linear-gradient(-45deg, var(--color-pattern) 25%, transparent 26%), linear-gradient(-45deg, var(--color-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--color-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--color-pattern) 25%, transparent 26%);
+ background-position: 0 0, var(--size-pattern-square) var(--size-pattern-square), var(--size-pattern-square) var(--size-pattern-square), 0 0;
background-size: calc(var(--size-pattern-square) * 2) calc(var(--size-pattern-square) * 2);
}
diff --git a/core/themes/claro/css/components/jquery.ui/theme.css b/core/themes/claro/css/components/jquery.ui/theme.css
index 5038079996d9..284fad9e7df1 100644
--- a/core/themes/claro/css/components/jquery.ui/theme.css
+++ b/core/themes/claro/css/components/jquery.ui/theme.css
@@ -118,351 +118,697 @@
/* positioning */
-.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-ne {
+ background-position: -16px 0;
+}
-.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-e {
+ background-position: -32px 0;
+}
-.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-se {
+ background-position: -48px 0;
+}
-.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-s {
+ background-position: -64px 0;
+}
-.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-sw {
+ background-position: -80px 0;
+}
-.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-w {
+ background-position: -96px 0;
+}
-.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-1-nw {
+ background-position: -112px 0;
+}
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-n-s {
+ background-position: -128px 0;
+}
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-carat-2-e-w {
+ background-position: -144px 0;
+}
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-n {
+ background-position: 0 -16px;
+}
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-ne {
+ background-position: -16px -16px;
+}
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-e {
+ background-position: -32px -16px;
+}
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-se {
+ background-position: -48px -16px;
+}
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-s {
+ background-position: -64px -16px;
+}
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-sw {
+ background-position: -80px -16px;
+}
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-w {
+ background-position: -96px -16px;
+}
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-1-nw {
+ background-position: -112px -16px;
+}
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-n-s {
+ background-position: -128px -16px;
+}
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-triangle-2-e-w {
+ background-position: -144px -16px;
+}
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-n {
+ background-position: 0 -32px;
+}
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-ne {
+ background-position: -16px -32px;
+}
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-e {
+ background-position: -32px -32px;
+}
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-se {
+ background-position: -48px -32px;
+}
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-s {
+ background-position: -64px -32px;
+}
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-sw {
+ background-position: -80px -32px;
+}
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-w {
+ background-position: -96px -32px;
+}
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-1-nw {
+ background-position: -112px -32px;
+}
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-n-s {
+ background-position: -128px -32px;
+}
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-ne-sw {
+ background-position: -144px -32px;
+}
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-e-w {
+ background-position: -160px -32px;
+}
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrow-2-se-nw {
+ background-position: -176px -32px;
+}
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-n {
+ background-position: -192px -32px;
+}
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-e {
+ background-position: -208px -32px;
+}
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-s {
+ background-position: -224px -32px;
+}
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowstop-1-w {
+ background-position: -240px -32px;
+}
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-n {
+ background-position: 0 -48px;
+}
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-ne {
+ background-position: -16px -48px;
+}
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-e {
+ background-position: -32px -48px;
+}
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-se {
+ background-position: -48px -48px;
+}
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-s {
+ background-position: -64px -48px;
+}
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-sw {
+ background-position: -80px -48px;
+}
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-w {
+ background-position: -96px -48px;
+}
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-1-nw {
+ background-position: -112px -48px;
+}
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-n-s {
+ background-position: -128px -48px;
+}
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-ne-sw {
+ background-position: -144px -48px;
+}
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-e-w {
+ background-position: -160px -48px;
+}
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthick-2-se-nw {
+ background-position: -176px -48px;
+}
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-n {
+ background-position: -192px -48px;
+}
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-e {
+ background-position: -208px -48px;
+}
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-s {
+ background-position: -224px -48px;
+}
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowthickstop-1-w {
+ background-position: -240px -48px;
+}
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-w {
+ background-position: 0 -64px;
+}
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-n {
+ background-position: -16px -64px;
+}
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-e {
+ background-position: -32px -64px;
+}
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturnthick-1-s {
+ background-position: -48px -64px;
+}
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-w {
+ background-position: -64px -64px;
+}
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-n {
+ background-position: -80px -64px;
+}
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-e {
+ background-position: -96px -64px;
+}
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowreturn-1-s {
+ background-position: -112px -64px;
+}
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-w {
+ background-position: -128px -64px;
+}
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-n {
+ background-position: -144px -64px;
+}
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-e {
+ background-position: -160px -64px;
+}
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrowrefresh-1-s {
+ background-position: -176px -64px;
+}
-.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4 {
+ background-position: 0 -80px;
+}
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-arrow-4-diag {
+ background-position: -16px -80px;
+}
-.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-extlink {
+ background-position: -32px -80px;
+}
-.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-newwin {
+ background-position: -48px -80px;
+}
-.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-refresh {
+ background-position: -64px -80px;
+}
-.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-shuffle {
+ background-position: -80px -80px;
+}
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transfer-e-w {
+ background-position: -96px -80px;
+}
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-transferthick-e-w {
+ background-position: -112px -80px;
+}
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-collapsed {
+ background-position: 0 -96px;
+}
-.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-folder-open {
+ background-position: -16px -96px;
+}
-.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document {
+ background-position: -32px -96px;
+}
-.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-document-b {
+ background-position: -48px -96px;
+}
-.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-note {
+ background-position: -64px -96px;
+}
-.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-closed {
+ background-position: -80px -96px;
+}
-.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-mail-open {
+ background-position: -96px -96px;
+}
-.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-suitcase {
+ background-position: -112px -96px;
+}
-.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-comment {
+ background-position: -128px -96px;
+}
-.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-person {
+ background-position: -144px -96px;
+}
-.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-print {
+ background-position: -160px -96px;
+}
-.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-trash {
+ background-position: -176px -96px;
+}
-.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-locked {
+ background-position: -192px -96px;
+}
-.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-unlocked {
+ background-position: -208px -96px;
+}
-.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-bookmark {
+ background-position: -224px -96px;
+}
-.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-tag {
+ background-position: -240px -96px;
+}
-.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-home {
+ background-position: 0 -112px;
+}
-.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-flag {
+ background-position: -16px -112px;
+}
-.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-calendar {
+ background-position: -32px -112px;
+}
-.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-cart {
+ background-position: -48px -112px;
+}
-.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-pencil {
+ background-position: -64px -112px;
+}
-.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-clock {
+ background-position: -80px -112px;
+}
-.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-disk {
+ background-position: -96px -112px;
+}
-.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-calculator {
+ background-position: -112px -112px;
+}
-.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomin {
+ background-position: -128px -112px;
+}
-.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-zoomout {
+ background-position: -144px -112px;
+}
-.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-search {
+ background-position: -160px -112px;
+}
-.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-wrench {
+ background-position: -176px -112px;
+}
-.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-gear {
+ background-position: -192px -112px;
+}
-.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-heart {
+ background-position: -208px -112px;
+}
-.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-star {
+ background-position: -224px -112px;
+}
-.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-link {
+ background-position: -240px -112px;
+}
-.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-cancel {
+ background-position: 0 -128px;
+}
-.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plus {
+ background-position: -16px -128px;
+}
-.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-plusthick {
+ background-position: -32px -128px;
+}
-.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minus {
+ background-position: -48px -128px;
+}
-.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-minusthick {
+ background-position: -64px -128px;
+}
-.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-close {
+ background-position: -80px -128px;
+}
-.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-closethick {
+ background-position: -96px -128px;
+}
-.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-key {
+ background-position: -112px -128px;
+}
-.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-lightbulb {
+ background-position: -128px -128px;
+}
-.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-scissors {
+ background-position: -144px -128px;
+}
-.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-clipboard {
+ background-position: -160px -128px;
+}
-.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-copy {
+ background-position: -176px -128px;
+}
-.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-contact {
+ background-position: -192px -128px;
+}
-.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-image {
+ background-position: -208px -128px;
+}
-.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-video {
+ background-position: -224px -128px;
+}
-.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-script {
+ background-position: -240px -128px;
+}
-.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-alert {
+ background-position: 0 -144px;
+}
-.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-info {
+ background-position: -16px -144px;
+}
-.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-notice {
+ background-position: -32px -144px;
+}
-.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-help {
+ background-position: -48px -144px;
+}
-.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-check {
+ background-position: -64px -144px;
+}
-.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-bullet {
+ background-position: -80px -144px;
+}
-.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-off {
+ background-position: -96px -144px;
+}
-.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-radio-on {
+ background-position: -112px -144px;
+}
-.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-w {
+ background-position: -128px -144px;
+}
-.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-pin-s {
+ background-position: -144px -144px;
+}
-.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-play {
+ background-position: 0 -160px;
+}
-.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-pause {
+ background-position: -16px -160px;
+}
-.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-next {
+ background-position: -32px -160px;
+}
-.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-prev {
+ background-position: -48px -160px;
+}
-.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-end {
+ background-position: -64px -160px;
+}
-.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-seek-first {
+ background-position: -80px -160px;
+}
-.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-stop {
+ background-position: -96px -160px;
+}
-.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-eject {
+ background-position: -112px -160px;
+}
-.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-off {
+ background-position: -128px -160px;
+}
-.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-volume-on {
+ background-position: -144px -160px;
+}
-.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-power {
+ background-position: 0 -176px;
+}
-.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal-diag {
+ background-position: -16px -176px;
+}
-.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-signal {
+ background-position: -32px -176px;
+}
-.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-0 {
+ background-position: -48px -176px;
+}
-.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-1 {
+ background-position: -64px -176px;
+}
-.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-2 {
+ background-position: -80px -176px;
+}
-.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-battery-3 {
+ background-position: -96px -176px;
+}
-.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-plus {
+ background-position: 0 -192px;
+}
-.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-minus {
+ background-position: -16px -192px;
+}
-.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-close {
+ background-position: -32px -192px;
+}
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-e {
+ background-position: -48px -192px;
+}
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-s {
+ background-position: -64px -192px;
+}
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-w {
+ background-position: -80px -192px;
+}
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-triangle-n {
+ background-position: -96px -192px;
+}
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-e {
+ background-position: -112px -192px;
+}
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-s {
+ background-position: -128px -192px;
+}
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-w {
+ background-position: -144px -192px;
+}
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-arrow-n {
+ background-position: -160px -192px;
+}
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomin {
+ background-position: -176px -192px;
+}
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-zoomout {
+ background-position: -192px -192px;
+}
-.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circle-check {
+ background-position: -208px -192px;
+}
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-plus {
+ background-position: 0 -208px;
+}
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-minus {
+ background-position: -16px -208px;
+}
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-circlesmall-close {
+ background-position: -32px -208px;
+}
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-plus {
+ background-position: -48px -208px;
+}
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-minus {
+ background-position: -64px -208px;
+}
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-squaresmall-close {
+ background-position: -80px -208px;
+}
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-vertical {
+ background-position: 0 -224px;
+}
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-dotted-horizontal {
+ background-position: -16px -224px;
+}
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-vertical {
+ background-position: -32px -224px;
+}
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-grip-solid-horizontal {
+ background-position: -48px -224px;
+}
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-gripsmall-diagonal-se {
+ background-position: -64px -224px;
+}
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+.ui-icon-grip-diagonal-se {
+ background-position: -80px -224px;
+}
-.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-n {
+ background-position: 0 0;
+}
/**
* Accordion
diff --git a/core/themes/claro/css/components/pager.css b/core/themes/claro/css/components/pager.css
index 67792df4dffb..efb0952e8c04 100644
--- a/core/themes/claro/css/components/pager.css
+++ b/core/themes/claro/css/components/pager.css
@@ -96,7 +96,6 @@
background-repeat: no-repeat;
background-position: center;
}
-
@media (forced-colors: active) {
.pager__item--first .pager__link::before,
.pager__item--previous .pager__link::before,
@@ -137,7 +136,6 @@
.pager__item-title--forward {
margin-inline-end: 0.5rem;
}
-
@media (forced-colors: active) {
.pager__item a:hover {
text-decoration: underline;
diff --git a/core/themes/claro/css/components/progress.css b/core/themes/claro/css/components/progress.css
index ac94af3f6cc0..d02e6f23160b 100644
--- a/core/themes/claro/css/components/progress.css
+++ b/core/themes/claro/css/components/progress.css
@@ -62,14 +62,12 @@
}
@media screen and (prefers-reduced-motion: reduce) {
-
.progress__bar {
transition: none;
}
}
@media (forced-colors: active) {
-
.progress__bar {
background-color: canvastext;
}
diff --git a/core/themes/claro/css/components/system-status-counter.css b/core/themes/claro/css/components/system-status-counter.css
index 3076ed36f214..73dca735cb30 100644
--- a/core/themes/claro/css/components/system-status-counter.css
+++ b/core/themes/claro/css/components/system-status-counter.css
@@ -35,7 +35,6 @@
background-position: right center;
background-size: 2.5rem;
}
-
@media (forced-colors: active) {
.system-status-counter__status-icon::before {
background-color: canvastext;
@@ -61,7 +60,6 @@
.system-status-counter__status-icon--checked::before {
background-image: var(--system-status-counter-status-icon-checked);
}
-
@media (forced-colors: active) {
.system-status-counter__status-icon--error::before {
-webkit-mask-image: var(--system-status-counter-status-icon-error);
@@ -97,7 +95,6 @@
font-weight: normal;
line-height: 1.5;
}
-
@media screen and (min-width: 61rem) {
.system-status-report-counters__item {
padding-block: var(--space-s);
diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index c6e250a485ef..a64169223903 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -94,7 +94,6 @@ th {
}
@media (forced-colors: active) {
-
.sortable-heading > a::after {
opacity: 1;
background: linktext;
@@ -110,7 +109,6 @@ th {
}
@media (forced-colors: active) {
-
[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%;
diff --git a/core/themes/claro/css/components/tablesort-indicator.css b/core/themes/claro/css/components/tablesort-indicator.css
index ddf7ecb06be9..e06f77342160 100644
--- a/core/themes/claro/css/components/tablesort-indicator.css
+++ b/core/themes/claro/css/components/tablesort-indicator.css
@@ -23,7 +23,6 @@
}
@media (forced-colors: active) {
-
.tablesort {
background: linktext;
-webkit-mask-image: 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");
@@ -42,7 +41,6 @@
}
@media (forced-colors: active) {
-
[dir="rtl"] .tablesort {
background: linktext;
-webkit-mask-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");
@@ -61,7 +59,6 @@
}
@media (forced-colors: active) {
-
.tablesort--asc,
[dir="rtl"] .tablesort--asc {
background: linktext;
@@ -77,7 +74,6 @@
}
@media (forced-colors: active) {
-
.tablesort--desc,
[dir="rtl"] .tablesort--desc {
background: linktext;
diff --git a/core/themes/claro/css/components/toolbar.module.css b/core/themes/claro/css/components/toolbar.module.css
index 97c8254bdb79..22ebf073c12d 100644
--- a/core/themes/claro/css/components/toolbar.module.css
+++ b/core/themes/claro/css/components/toolbar.module.css
@@ -25,7 +25,6 @@
font-size: small;
line-height: 1;
}
-
@media print {
#toolbar-administration {
display: none;
@@ -196,7 +195,6 @@
.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-inline-start: 15rem;
}
-
@media print {
.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-inline-start: 0;
diff --git a/core/themes/claro/css/components/vertical-tabs.css b/core/themes/claro/css/components/vertical-tabs.css
index 520598cf6c53..269b54b3f814 100644
--- a/core/themes/claro/css/components/vertical-tabs.css
+++ b/core/themes/claro/css/components/vertical-tabs.css
@@ -210,7 +210,7 @@
border-radius: var(--base-border-radius) 0 0 var(--base-border-radius); /* LTR */
}
-[dir=rtl] .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
+[dir="rtl"] .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
border-right: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color);
border-left: 0;
border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
diff --git a/core/themes/claro/css/components/views_ui.admin.css b/core/themes/claro/css/components/views_ui.admin.css
index 3ada545e9360..e4e5c6edbc7f 100644
--- a/core/themes/claro/css/components/views_ui.admin.css
+++ b/core/themes/claro/css/components/views_ui.admin.css
@@ -43,7 +43,8 @@
margin-inline: 0;
}
-@media screen and (min-width: 60rem) { /* 960px */
+@media screen and (min-width: 60rem) {
+ /* 960px */
.views-display-columns > * {
float: left; /* LTR */
width: 32%;
diff --git a/core/themes/claro/css/layout/system-admin--layout.css b/core/themes/claro/css/layout/system-admin--layout.css
index 5958eb5cb889..392fde7dd018 100644
--- a/core/themes/claro/css/layout/system-admin--layout.css
+++ b/core/themes/claro/css/layout/system-admin--layout.css
@@ -34,7 +34,7 @@
}
.toolbar-tray-open:not(.toolbar-vertical) .layout-column,
body:not(.toolbar-tray-open) .layout-column {
- float: left; /* LTR */
+ float: left; /* LTR */
box-sizing: border-box;
padding-right: 1.5em;
padding-left: 1.5em;
@@ -67,7 +67,7 @@
margin-left: -1.5em;
}
.layout-column {
- float: left; /* LTR */
+ float: left; /* LTR */
box-sizing: border-box;
padding-right: 1.5em;
padding-left: 1.5em;
diff --git a/core/themes/claro/css/theme/maintenance-page.css b/core/themes/claro/css/theme/maintenance-page.css
index 03574eb59e5a..69a4d41f26d8 100644
--- a/core/themes/claro/css/theme/maintenance-page.css
+++ b/core/themes/claro/css/theme/maintenance-page.css
@@ -73,7 +73,8 @@ h3 {
* Shows on both the install screen and the database update page.
*/
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
header[role="banner"] {
position: relative;
}
@@ -90,7 +91,8 @@ h3 {
}
}
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+ /* 768px */
.step-indicator {
display: none;
}
@@ -151,13 +153,15 @@ h3 {
box-shadow: var(--shadow-z3);
}
-.layout-container::after { /* No reason for a clearfix in the markup. */
+.layout-container::after {
+ /* No reason for a clearfix in the markup. */
display: table;
clear: both;
content: "";
}
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
.layout-container {
margin: 1.25em;
padding: var(--space-m) var(--space-l);
@@ -168,7 +172,8 @@ h3 {
}
}
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+ /* 768px */
html {
display: table;
}
diff --git a/core/themes/claro/css/theme/media-library.css b/core/themes/claro/css/theme/media-library.css
index f3ad2503af99..8448dc3a31b3 100644
--- a/core/themes/claro/css/theme/media-library.css
+++ b/core/themes/claro/css/theme/media-library.css
@@ -156,7 +156,7 @@
border-radius: var(--base-border-radius) 0 0 var(--base-border-radius); /* LTR */
}
-[dir=rtl] .media-library-menu__link.active::before {
+[dir="rtl"] .media-library-menu__link.active::before {
border-right: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color);
border-left: 0;
border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
diff --git a/core/themes/claro/css/theme/tour.theme.css b/core/themes/claro/css/theme/tour.theme.css
index e80fc9603000..db19780ed39c 100644
--- a/core/themes/claro/css/theme/tour.theme.css
+++ b/core/themes/claro/css/theme/tour.theme.css
@@ -42,28 +42,28 @@
border: solid 14px rgba(0, 0, 0, 0.8);
}
-.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
bottom: -1.75rem;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
-.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
top: -1.75rem;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
}
-.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
right: -1.75rem;
border-top-color: transparent;
border-right-color: transparent; /* LTR */
border-bottom-color: transparent;
}
-.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
left: -1.75rem;
border-top-color: transparent;
border-bottom-color: transparent;
diff --git a/core/themes/claro/css/theme/views_ui.admin.theme.css b/core/themes/claro/css/theme/views_ui.admin.theme.css
index a57bde5e7a39..3f9969f3122d 100644
--- a/core/themes/claro/css/theme/views_ui.admin.theme.css
+++ b/core/themes/claro/css/theme/views_ui.admin.theme.css
@@ -395,7 +395,8 @@ td.group-title {
vertical-align: top;
}
-@media screen and (min-width: 45em) { /* 720px */
+@media screen and (min-width: 45em) {
+ /* 720px */
.view-preview-form .form-type-textfield .description {
white-space: nowrap;
}
diff --git a/core/themes/olivero/css/base/base.css b/core/themes/olivero/css/base/base.css
index 6d8272093e4c..70471f960ef6 100644
--- a/core/themes/olivero/css/base/base.css
+++ b/core/themes/olivero/css/base/base.css
@@ -78,7 +78,6 @@ h1 {
}
@media (min-width: 43.75rem) {
-
h1 {
font-size: 3.75rem;
line-height: var(--sp4);
@@ -92,7 +91,6 @@ h2 {
}
@media (min-width: 43.75rem) {
-
h2 {
font-size: 2.25rem;
line-height: var(--sp3);
@@ -105,7 +103,6 @@ h3 {
}
@media (min-width: 43.75rem) {
-
h3 {
font-size: 1.5rem;
line-height: var(--sp2);
@@ -140,7 +137,6 @@ h6 {
}
@media (min-width: 43.75rem) {
-
h1,
h2,
h3,
diff --git a/core/themes/olivero/css/base/fonts.css b/core/themes/olivero/css/base/fonts.css
index c3d6206fc0f5..86c36248dfcb 100644
--- a/core/themes/olivero/css/base/fonts.css
+++ b/core/themes/olivero/css/base/fonts.css
@@ -38,10 +38,7 @@
@font-face {
font-family: Lora;
- src:
- local("Lora Regular"),
- local("Lora-Regular"),
- url("../../fonts/lora/lora-v14-latin-regular.woff2") format("woff2");
+ src: local("Lora Regular"), local("Lora-Regular"), url("../../fonts/lora/lora-v14-latin-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
@@ -51,10 +48,7 @@
@font-face {
font-family: Lora;
- src:
- local("Lora Italic"),
- local("Lora-Italic"),
- url("../../fonts/lora/lora-v14-latin-italic.woff2") format("woff2");
+ src: local("Lora Italic"), local("Lora-Italic"), url("../../fonts/lora/lora-v14-latin-italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
@@ -64,10 +58,7 @@
@font-face {
font-family: Lora;
- src:
- local("Lora Bold"),
- local("Lora-Bold"),
- url("../../fonts/lora/lora-v14-latin-700.woff2") format("woff2");
+ src: local("Lora Bold"), local("Lora-Bold"), url("../../fonts/lora/lora-v14-latin-700.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
diff --git a/core/themes/olivero/css/base/variables.css b/core/themes/olivero/css/base/variables.css
index efffc302ff20..f4c57ffb00c5 100644
--- a/core/themes/olivero/css/base/variables.css
+++ b/core/themes/olivero/css/base/variables.css
@@ -34,14 +34,12 @@
}
@media (min-width: 75rem) {
-
-:root {
+ :root {
--container-padding: var(--sp2);
-}
}
+}
:root {
-
/**
* Grid helpers.
*
@@ -57,36 +55,31 @@
}
@media (min-width: 43.75rem) {
-
-:root {
+ :root {
--grid-col-count: 14;
--grid-gap: var(--sp2);
-}
}
+}
@media (min-width: 62.5rem) {
-
-:root {
+ :root {
--scrollbar-width: 0.9375rem; /* Approximate width of a scrollbar. Doesn't have to be perfect. */
-}
}
+}
@media (min-width: 75rem) {
-
-:root {
+ :root {
--grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
-}
}
+}
@media (min-width: 90rem) {
-
-:root {
+ :root {
--grid-full-width: calc(var(--max-width) - var(--sp4));
-}
}
+}
:root {
-
/* Layout helpers */
--sp0-25: calc(0.25 * var(--sp));
--sp0-5: calc(0.5 * var(--sp));
diff --git a/core/themes/olivero/css/components/autocomplete-loading.module.css b/core/themes/olivero/css/components/autocomplete-loading.module.css
index 4ab806d55d8f..1acefcd216c6 100644
--- a/core/themes/olivero/css/components/autocomplete-loading.module.css
+++ b/core/themes/olivero/css/components/autocomplete-loading.module.css
@@ -15,7 +15,7 @@
background-color: var(--color--white);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18.8' viewBox='0 0 18 18.8'%3e %3cpath fill='%237e96a7' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
- background-position: right var(--sp1) center; /* LTR */
+ background-position: right var(--sp1) center; /* LTR */
}
.form-autocomplete[type]:disabled {
diff --git a/core/themes/olivero/css/components/book.css b/core/themes/olivero/css/components/book.css
index dcfda9bf4ffe..a7effa513d8b 100644
--- a/core/themes/olivero/css/components/book.css
+++ b/core/themes/olivero/css/components/book.css
@@ -28,21 +28,18 @@
}
@media (min-width: 31.25rem) {
-
.book-pager__item {
flex: 0 0 33.33%;
}
}
@media (min-width: 31.25rem) {
-
.book-pager__item--center {
text-align: center;
}
}
@media (min-width: 31.25rem) {
-
.book-pager__item--next {
margin-inline-start: auto;
text-align: end;
diff --git a/core/themes/olivero/css/components/breadcrumb.css b/core/themes/olivero/css/components/breadcrumb.css
index 9510a675efbe..315b41fbde69 100644
--- a/core/themes/olivero/css/components/breadcrumb.css
+++ b/core/themes/olivero/css/components/breadcrumb.css
@@ -30,14 +30,12 @@
}
@media (min-width: 62.5rem) {
-
.breadcrumb::after {
content: none;
}
}
@media (min-width: 62.5rem) {
-
.breadcrumb {
position: static;
}
@@ -60,7 +58,6 @@
}
@media (min-width: 62.5rem) {
-
.breadcrumb__content {
margin-inline-end: 0;
}
@@ -80,7 +77,6 @@
}
@media (min-width: 62.5rem) {
-
.breadcrumb__list {
overflow: visible;
margin-inline-start: 0;
@@ -95,7 +91,7 @@
display: inline-block;
}
-.breadcrumb__item:nth-child(n+2)::before {
+.breadcrumb__item:nth-child(n + 2)::before {
display: inline-block;
width: 0.5rem;
height: 0.5rem;
@@ -111,13 +107,12 @@
}
@media (min-width: 62.5rem) {
-
.breadcrumb__item:last-child {
margin-inline-end: 0;
}
}
-[dir="rtl"] .breadcrumb__item:nth-child(n+2)::before {
+[dir="rtl"] .breadcrumb__item:nth-child(n + 2)::before {
transform: rotate(-45deg);
}
diff --git a/core/themes/olivero/css/components/button.css b/core/themes/olivero/css/components/button.css
index 33b5bcaf3168..ca69f57fd927 100644
--- a/core/themes/olivero/css/components/button.css
+++ b/core/themes/olivero/css/components/button.css
@@ -65,7 +65,6 @@
*/
@supports (display: inline-flex) {
-
.button {
display: inline-flex;
align-items: center;
diff --git a/core/themes/olivero/css/components/comments.css b/core/themes/olivero/css/components/comments.css
index 5965e2458fe9..1decfa6cb1a4 100644
--- a/core/themes/olivero/css/components/comments.css
+++ b/core/themes/olivero/css/components/comments.css
@@ -74,7 +74,6 @@
}
@media (min-width: 43.75rem) {
-
.comment {
padding-inline-start: 0;
}
@@ -142,7 +141,6 @@
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-
.add-comment__picture img,
.comment__picture img {
position: absolute;
@@ -157,7 +155,6 @@
}
@media (min-width: 43.75rem) {
-
.add-comment__picture,
.comment__picture {
inset-inline-start: calc(-1 * var(--sp5));
@@ -167,7 +164,6 @@
}
@media (min-width: 43.75rem) {
-
.indented .comment__picture {
inset-inline-start: calc(-1 * var(--sp4));
width: var(--sp2);
@@ -214,14 +210,12 @@
}
@media (min-width: 43.75rem) {
-
.indented > .comment:not(:last-of-type, .has-children)::before {
inset-inline-start: calc(-1 * var(--comment-indentation--md) + var(--sp));
}
}
@media (min-width: 43.75rem) {
-
.indented {
margin-inline-start: var(--comment-indentation--md);
}
@@ -255,7 +249,6 @@
}
@media (min-width: 43.75rem) {
-
.show-hide-btn {
margin-inline-start: 0;
}
diff --git a/core/themes/olivero/css/components/content-moderation.css b/core/themes/olivero/css/components/content-moderation.css
index b298af1edb03..e3edea3ba416 100644
--- a/core/themes/olivero/css/components/content-moderation.css
+++ b/core/themes/olivero/css/components/content-moderation.css
@@ -24,7 +24,6 @@
}
@media (min-width: 43.75rem) {
-
.entity-moderation-form {
flex-direction: row;
}
@@ -41,7 +40,6 @@
}
@media (min-width: 43.75rem) {
-
.entity-moderation-form__item:last-child {
align-self: flex-end;
}
@@ -56,7 +54,6 @@
}
@supports (width: max-content) {
-
.layout--content-narrow .entity-moderation-form,
.layout--pass--content-narrow > * .entity-moderation-form,
.layout--content-medium .entity-moderation-form,
@@ -66,7 +63,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-narrow .entity-moderation-form,
.layout--pass--content-narrow > * .entity-moderation-form,
.layout--content-medium .entity-moderation-form,
@@ -78,7 +74,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow .entity-moderation-form,
.layout--pass--content-narrow > * .entity-moderation-form,
.layout--content-medium .entity-moderation-form,
@@ -89,7 +84,6 @@
}
@media (min-width: 90rem) {
-
.layout--content-narrow .entity-moderation-form,
.layout--pass--content-narrow > * .entity-moderation-form,
.layout--content-medium .entity-moderation-form,
diff --git a/core/themes/olivero/css/components/details.css b/core/themes/olivero/css/components/details.css
index f0d463e13100..3df1e1ec35af 100644
--- a/core/themes/olivero/css/components/details.css
+++ b/core/themes/olivero/css/components/details.css
@@ -115,7 +115,6 @@
}
@media (min-width: 62.5rem) {
-
.olivero-details__wrapper {
margin-block-start: var(--sp1-5);
margin-block-end: var(--sp1-5);
diff --git a/core/themes/olivero/css/components/embedded-media.css b/core/themes/olivero/css/components/embedded-media.css
index 4b5630776359..7adb35345325 100644
--- a/core/themes/olivero/css/components/embedded-media.css
+++ b/core/themes/olivero/css/components/embedded-media.css
@@ -27,7 +27,6 @@ figcaption {
}
@media (min-width: 31.25rem) {
-
figcaption {
padding-block: var(--sp);
padding-inline-start: var(--sp);
@@ -44,7 +43,6 @@ figcaption {
}
@media (min-width: 43.75rem) {
-
.align-right {
float: right; /* LTR */
max-width: 50%;
@@ -72,7 +70,6 @@ figcaption {
/* @todo this can be simplified. */
@media (min-width: 43.75rem) {
-
.layout--content-narrow .align-right,
.layout--pass--content-narrow > * .align-right {
margin-inline-end: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
@@ -80,7 +77,6 @@ figcaption {
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow .align-right,
.layout--pass--content-narrow > * .align-right {
margin-inline-end: calc(-2 * ((var(--grid-col-width) + var(--grid-gap))));
@@ -88,7 +84,6 @@ figcaption {
}
@media (min-width: 75rem) {
-
.layout--content-narrow .align-right,
.layout--pass--content-narrow > * .align-right {
margin-inline-end: calc(-3 * ((var(--grid-col-width) + var(--grid-gap))));
@@ -96,7 +91,6 @@ figcaption {
}
@media (min-width: 90rem) {
-
.layout--content-narrow .align-right,
.layout--pass--content-narrow > * .align-right {
margin-inline-end: calc(-3 * ((var(--grid-col-width) + var(--grid-gap))));
@@ -113,7 +107,6 @@ figcaption {
}
@media (min-width: 43.75rem) {
-
.align-left {
float: left; /* LTR */
max-width: 50%;
@@ -139,7 +132,6 @@ figcaption {
/* Pull out of grid if nested in content narrow layout. */
@media (min-width: 43.75rem) {
-
.layout--content-narrow .align-left,
.layout--pass--content-narrow > * .align-left {
margin-inline-start: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
diff --git a/core/themes/olivero/css/components/field.css b/core/themes/olivero/css/components/field.css
index 579ca573a102..d4fad4c5b8e2 100644
--- a/core/themes/olivero/css/components/field.css
+++ b/core/themes/olivero/css/components/field.css
@@ -23,7 +23,6 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .field {
margin-block-end: var(--sp2);
}
diff --git a/core/themes/olivero/css/components/fieldset.css b/core/themes/olivero/css/components/fieldset.css
index ea4913565c25..1b2a5fec4b1c 100644
--- a/core/themes/olivero/css/components/fieldset.css
+++ b/core/themes/olivero/css/components/fieldset.css
@@ -102,7 +102,6 @@
}
@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");
}
diff --git a/core/themes/olivero/css/components/form-boolean.css b/core/themes/olivero/css/components/form-boolean.css
index f108fbdb26d6..96226d40b242 100644
--- a/core/themes/olivero/css/components/form-boolean.css
+++ b/core/themes/olivero/css/components/form-boolean.css
@@ -34,7 +34,6 @@ input[type="radio"]:focus {
}
@supports (outline-style: double) {
-
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-width: 1px;
diff --git a/core/themes/olivero/css/components/form-select.css b/core/themes/olivero/css/components/form-select.css
index 464855db2995..a82d4905f796 100644
--- a/core/themes/olivero/css/components/form-select.css
+++ b/core/themes/olivero/css/components/form-select.css
@@ -39,7 +39,6 @@ select:focus {
}
@supports (outline-style: double) {
-
select:focus {
border-width: 1px;
outline-width: 6px;
@@ -79,7 +78,6 @@ select.form-element--small {
/* Necessary to show chevron in forced colors mode in modern browsers. */
@media (forced-colors: active) {
-
select {
padding-inline-end: var(--sp);
background-image: none;
@@ -88,9 +86,7 @@ select.form-element--small {
/* Lets browser set <select> appearance to whatever the browser's default is. */
}
-
@supports ((-webkit-appearance: revert) or (appearance: revert)) {
-
select {
-webkit-appearance: revert;
appearance: revert;
diff --git a/core/themes/olivero/css/components/form-text.css b/core/themes/olivero/css/components/form-text.css
index 294e289ae46a..d2aa11c52fd1 100644
--- a/core/themes/olivero/css/components/form-text.css
+++ b/core/themes/olivero/css/components/form-text.css
@@ -39,14 +39,13 @@ textarea {
appearance: none;
}
-: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 {
+: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);
}
@supports (outline-style: double) {
-
- :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 {
+ :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;
@@ -54,30 +53,29 @@ textarea {
}
}
-[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) {
+[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);
}
-.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) {
+.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);
}
-.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 {
+.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;
}
-.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 {
+.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);
}
-.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) {
+.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);
}
@media (min-width: 31.25rem) {
-
[type="color"],
[type="date"],
[type="datetime-local"],
diff --git a/core/themes/olivero/css/components/form.css b/core/themes/olivero/css/components/form.css
index 74663a052c96..099aa43dd164 100644
--- a/core/themes/olivero/css/components/form.css
+++ b/core/themes/olivero/css/components/form.css
@@ -94,7 +94,6 @@ tr .form-item,
}
@media screen and (-ms-high-contrast: active) {
-
.form-item__label.form-required::after,
.fieldset__label.form-required::after,
.required-mark::after {
@@ -134,7 +133,6 @@ tr .form-item,
}
@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");
}
diff --git a/core/themes/olivero/css/components/header-buttons-mobile.css b/core/themes/olivero/css/components/header-buttons-mobile.css
index 833b7aa2c9a7..ee76f8fefdca 100644
--- a/core/themes/olivero/css/components/header-buttons-mobile.css
+++ b/core/themes/olivero/css/components/header-buttons-mobile.css
@@ -16,21 +16,18 @@
}
@media (min-width: 31.25rem) {
-
.mobile-buttons {
margin-block-start: var(--sp2);
}
}
@media (min-width: 43.75rem) {
-
.mobile-buttons {
margin-block-start: var(--sp4);
}
}
@media (min-width: 75rem) {
-
.mobile-buttons {
margin-block-start: var(--sp6);
}
diff --git a/core/themes/olivero/css/components/header-navigation.css b/core/themes/olivero/css/components/header-navigation.css
index ce943532f0e9..4553f63bcde2 100644
--- a/core/themes/olivero/css/components/header-navigation.css
+++ b/core/themes/olivero/css/components/header-navigation.css
@@ -45,14 +45,12 @@
}
@media (min-width: 31.25rem) {
-
.header-nav {
border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px));
}
}
@media (min-width: 43.75rem) {
-
.header-nav {
padding-block-end: var(--sp3);
padding-inline-start: var(--sp3);
@@ -61,7 +59,6 @@
}
@media (min-width: 62.5rem) {
-
.header-nav {
grid-column: 5 / 14;
}
@@ -72,7 +69,6 @@
*/
@media (forced-colors: active) {
-
.header-nav {
border-top-color: canvas;
}
@@ -88,7 +84,6 @@ html.js .header-nav {
}
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .header-nav {
position: static;
display: flex;
@@ -111,7 +106,6 @@ html.js .header-nav {
}
@media (min-width: 75rem) {
-
body.is-always-mobile-nav .header-nav {
overflow: auto;
max-width: calc((7 * (var(--grid-col-width) + var(--grid-gap))));
@@ -122,7 +116,6 @@ html.js .header-nav {
}
@media (min-width: 90rem) {
-
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)))));
padding-inline-end: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp)));
@@ -142,7 +135,6 @@ html.js .header-nav {
}
@media (forced-colors: active) {
-
.header-nav-overlay {
background: canvastext;
}
diff --git a/core/themes/olivero/css/components/header-search-narrow.css b/core/themes/olivero/css/components/header-search-narrow.css
index 243c05563c05..b02f01942bc2 100644
--- a/core/themes/olivero/css/components/header-search-narrow.css
+++ b/core/themes/olivero/css/components/header-search-narrow.css
@@ -56,7 +56,6 @@
}
@media (min-width: 43.75rem) {
-
.block-search-narrow input[type="search"] {
height: calc(4 * var(--sp));
padding-inline-start: var(--sp2);
@@ -114,7 +113,6 @@
}
@media (forced-colors: active) {
-
.block-search-narrow .search-form__submit .icon--search {
background: buttontext;
-webkit-mask-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");
@@ -137,7 +135,6 @@
}
@media screen and (-ms-high-contrast: active) {
-
.block-search-narrow .search-form__submit:focus {
border-bottom-width: var(--sp0-5);
}
@@ -148,7 +145,6 @@
}
@media (min-width: 43.75rem) {
-
.block-search-narrow .search-form__submit {
width: 5rem;
}
@@ -174,7 +170,6 @@
/* 500px is the width of the primary nav at mobile. */
@media (min-width: 31.25rem) {
-
.block-search-narrow {
margin-inline-start: 0;
margin-inline-end: 0;
@@ -182,7 +177,6 @@
}
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .block-search-narrow {
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 d807e8bc28e9..60700bad44dd 100644
--- a/core/themes/olivero/css/components/header-search-wide.css
+++ b/core/themes/olivero/css/components/header-search-wide.css
@@ -139,7 +139,6 @@
}
@media screen and (-ms-high-contrast: active) {
-
.block-search-wide__wrapper .search-form__submit:focus {
border-bottom-width: var(--sp0-5);
}
@@ -243,7 +242,6 @@
}
@media (forced-colors: active) {
-
.block-search-wide__button {
background: ButtonFace;
}
@@ -283,7 +281,6 @@ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper {
}
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .block-search-wide__wrapper,
body:not(.is-always-mobile-nav) .block-search-wide__button {
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 0e0335863ac3..74b5a78a3bf6 100644
--- a/core/themes/olivero/css/components/header-site-branding.css
+++ b/core/themes/olivero/css/components/header-site-branding.css
@@ -24,14 +24,12 @@
}
@media (min-width: 31.25rem) {
-
.site-branding {
min-height: var(--sp4);
}
}
@media (min-width: 43.75rem) {
-
.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);
@@ -40,14 +38,12 @@
}
@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. */
}
}
@media (min-width: 75rem) {
-
.site-branding {
min-height: var(--site-header-height-wide);
margin-inline-start: calc(-1 * var(--container-padding));
@@ -77,7 +73,6 @@
}
@media (min-width: 75rem) {
-
.site-branding__inner {
height: var(--header-height-wide-when-fixed);
padding-block: var(--sp0-5);
@@ -98,21 +93,18 @@
}
@media (min-width: 31.25rem) {
-
.site-branding__logo img {
max-height: var(--sp3);
}
}
@media (min-width: 43.75rem) {
-
.site-branding__logo img {
max-height: var(--sp4);
}
}
@media (min-width: 75rem) {
-
.site-branding__logo img {
max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
}
@@ -129,7 +121,6 @@
}
@media (min-width: 43.75rem) {
-
.site-branding__text {
font-size: 1.75rem;
line-height: 1.75rem;
@@ -137,7 +128,6 @@
}
@media (min-width: 75rem) {
-
.site-branding__text {
letter-spacing: 0.02em;
font-size: 2rem;
diff --git a/core/themes/olivero/css/components/header-sticky-toggle.css b/core/themes/olivero/css/components/header-sticky-toggle.css
index 788611c33391..f28f3cadca1a 100644
--- a/core/themes/olivero/css/components/header-sticky-toggle.css
+++ b/core/themes/olivero/css/components/header-sticky-toggle.css
@@ -18,7 +18,6 @@
}
@media (min-width: 75rem) {
-
.sticky-header-toggle {
display: flex;
flex-shrink: 0;
@@ -43,14 +42,12 @@
}
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
visibility: visible;
}
}
@media (min-width: 75rem) {
-
body.is-always-mobile-nav .sticky-header-toggle {
visibility: hidden;
}
diff --git a/core/themes/olivero/css/components/hero.css b/core/themes/olivero/css/components/hero.css
index fdf5bd59d8e8..060075a06cd0 100644
--- a/core/themes/olivero/css/components/hero.css
+++ b/core/themes/olivero/css/components/hero.css
@@ -15,14 +15,13 @@
}
@media (min-width: 43.75rem) {
-
- .hero__content { /* 700px */
+ .hero__content {
+ /* 700px */
grid-column: 3 / 13;
}
}
@media (min-width: 62.5rem) {
-
.hero__content {
grid-column: 3 / 11;
}
@@ -39,7 +38,6 @@
}
@media (min-width: 31.25rem) {
-
.hero__img {
margin-block-start: var(--sp3);
margin-block-end: var(--sp3);
@@ -47,7 +45,6 @@
}
@media (min-width: 43.75rem) {
-
.hero__img {
grid-column: 1 / 15;
margin-block-start: var(--sp4);
@@ -56,7 +53,6 @@
}
@media (min-width: 62.5rem) {
-
.hero__img {
grid-column: 2 / 14;
}
diff --git a/core/themes/olivero/css/components/links.css b/core/themes/olivero/css/components/links.css
index 371745e80992..87958734d156 100644
--- a/core/themes/olivero/css/components/links.css
+++ b/core/themes/olivero/css/components/links.css
@@ -27,7 +27,6 @@
}
@media (min-width: 43.75rem) {
-
.node--type-book .links.inline {
text-align: end;
}
diff --git a/core/themes/olivero/css/components/maintenance-page.css b/core/themes/olivero/css/components/maintenance-page.css
index 8639527a70fd..f3fd81cbbb6c 100644
--- a/core/themes/olivero/css/components/maintenance-page.css
+++ b/core/themes/olivero/css/components/maintenance-page.css
@@ -11,7 +11,6 @@
*/
@media (min-width: 75rem) {
-
.maintenance-page .site-header__initial {
flex-shrink: 0;
width: var(--content-left);
diff --git a/core/themes/olivero/css/components/navigation/menu-sidebar.css b/core/themes/olivero/css/components/navigation/menu-sidebar.css
index 055b00d346a7..9cdcff91ffd0 100644
--- a/core/themes/olivero/css/components/navigation/menu-sidebar.css
+++ b/core/themes/olivero/css/components/navigation/menu-sidebar.css
@@ -56,6 +56,6 @@
/* No bottom divider line for last menu item. */
-: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 {
+: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 21069306080d..4a79af47df4a 100644
--- a/core/themes/olivero/css/components/navigation/nav-button-mobile.css
+++ b/core/themes/olivero/css/components/navigation/nav-button-mobile.css
@@ -39,7 +39,6 @@
}
@media (min-width: 31.25rem) {
-
.mobile-nav-button {
display: inline-flex;
width: auto;
@@ -60,7 +59,6 @@
}
@media (min-width: 31.25rem) {
-
.mobile-nav-button__label {
position: static;
overflow: visible;
diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css
index e1bb385b754d..926174f04653 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary.css
@@ -170,7 +170,6 @@
}
@media (min-width: 43.75rem) {
-
.primary-nav__menu--level-2 {
margin-inline-start: calc(-1 * var(--sp3));
padding-inline-start: var(--sp3);
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 924340e251c6..51e40401b8d9 100644
--- a/core/themes/olivero/css/components/navigation/wide-nav-expand.css
+++ b/core/themes/olivero/css/components/navigation/wide-nav-expand.css
@@ -15,7 +15,6 @@
}
@media (min-width: 75rem) {
-
.wide-nav-expand {
display: flex;
visibility: hidden;
@@ -38,14 +37,12 @@
}
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand {
visibility: visible;
}
}
@media (min-width: 75rem) {
-
body.is-always-mobile-nav .wide-nav-expand {
visibility: hidden;
}
diff --git a/core/themes/olivero/css/components/node-teaser.css b/core/themes/olivero/css/components/node-teaser.css
index 0edd6ca140ef..efaa290ea534 100644
--- a/core/themes/olivero/css/components/node-teaser.css
+++ b/core/themes/olivero/css/components/node-teaser.css
@@ -42,7 +42,6 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .node__top-wrapper {
position: relative; /* Anchor the image */
}
@@ -62,7 +61,6 @@
}
@media (min-width: 62.5rem) {
-
:is(.node--view-mode-teaser .primary-image) + .node__title {
flex-basis: auto;
}
@@ -80,7 +78,6 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .primary-image img {
width: var(--grid-col-width);
height: var(--grid-col-width);
@@ -88,7 +85,6 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .primary-image {
position: absolute;
inset-block-start: 0;
@@ -106,7 +102,6 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .node__title {
font-size: var(--sp2);
line-height: var(--sp3);
@@ -125,14 +120,12 @@
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser .field--tag-ref {
margin-block-start: var(--sp2);
}
}
@media (min-width: 62.5rem) {
-
.node--view-mode-teaser {
margin-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/components/node.css b/core/themes/olivero/css/components/node.css
index e628cb280cd7..493bce6aecdc 100644
--- a/core/themes/olivero/css/components/node.css
+++ b/core/themes/olivero/css/components/node.css
@@ -24,7 +24,6 @@
}
@media (min-width: 31.25rem) {
-
.node__meta {
margin-block-end: var(--sp2);
}
@@ -64,7 +63,6 @@
}
@media (min-width: 62.5rem) {
-
.node__content {
padding-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/components/pager.css b/core/themes/olivero/css/components/pager.css
index 07f247bc3ba0..9a52eb1d44b1 100644
--- a/core/themes/olivero/css/components/pager.css
+++ b/core/themes/olivero/css/components/pager.css
@@ -35,7 +35,6 @@
}
@media (min-width: 31.25rem) {
-
.pager__item {
width: var(--sp3);
height: var(--sp3);
diff --git a/core/themes/olivero/css/components/search-results.css b/core/themes/olivero/css/components/search-results.css
index 47182be8fa18..b9f76706d809 100644
--- a/core/themes/olivero/css/components/search-results.css
+++ b/core/themes/olivero/css/components/search-results.css
@@ -19,7 +19,6 @@
}
@media (min-width: 43.75rem) {
-
.search-results {
margin-block-end: var(--sp3);
}
@@ -50,7 +49,6 @@
}
@media (min-width: 62.5rem) {
-
.search-result__title {
margin-block-end: var(--sp1);
font-size: 1.875rem;
@@ -67,7 +65,6 @@
}
@media (min-width: 62.5rem) {
-
.search-result__snippet {
padding-block-end: var(--sp3);
}
@@ -107,7 +104,6 @@
}
@media (min-width: 62.5rem) {
-
.search-results__item {
margin-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css
index 767dcfa4eb60..4cbc7e651ef4 100644
--- a/core/themes/olivero/css/components/site-header.css
+++ b/core/themes/olivero/css/components/site-header.css
@@ -20,7 +20,6 @@
}
@media (min-width: 75rem) {
-
.site-header {
/* Necessary to keep the content from jumping up when header transitions to fixed. */
min-height: var(--site-header-height-wide);
@@ -72,21 +71,18 @@
*/
@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;
}
}
@media (min-width: 75rem) {
-
.site-header__fixable.is-expanded .site-header__inner {
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);
}
@@ -95,7 +91,6 @@
/* Hide the desktop nav when it's fixed and not active. */
@media (min-width: 75rem) {
-
body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
transform: translateX(-101%); /* LTR */
opacity: 0;
@@ -103,7 +98,6 @@
}
@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%);
}
diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css
index 5b6301b6f794..a935df05d6cc 100644
--- a/core/themes/olivero/css/components/skip-link.css
+++ b/core/themes/olivero/css/components/skip-link.css
@@ -38,7 +38,8 @@
position: absolute !important;
}
-.skip-link.focusable:focus { /* Override position from module file. */
+.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 0e8d0152663d..13b75113fbbc 100644
--- a/core/themes/olivero/css/components/table.css
+++ b/core/themes/olivero/css/components/table.css
@@ -25,7 +25,7 @@
line-height: var(--sp1-5);
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) caption {
+:is(.forum table, .text-content table, .views-table, .draggable-table) caption {
margin-block-end: var(--sp1);
text-align: start;
color: var(--color-text-neutral-medium);
@@ -35,19 +35,19 @@
line-height: var(--sp);
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) tr:last-child td {
+:is(.forum table, .text-content table, .views-table, .draggable-table) tr:last-child td {
border-block-end: 0;
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) td,
-:is(.forum table,.text-content table,.views-table,.draggable-table) th {
+:is(.forum table, .text-content table, .views-table, .draggable-table) td,
+:is(.forum table, .text-content table, .views-table, .draggable-table) th {
padding-block: var(--sp1);
padding-inline-start: 0;
padding-inline-end: var(--sp1);
vertical-align: top;
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) th {
+:is(.forum table, .text-content table, .views-table, .draggable-table) th {
margin-block: 0;
margin-inline-start: 0;
margin-inline-end: 0;
@@ -60,13 +60,13 @@
line-height: var(--sp);
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) td {
+:is(.forum table, .text-content table, .views-table, .draggable-table) td {
white-space: normal;
border-block-end: 2px solid var(--color--gray-65);
}
-:is(.forum table,.text-content table,.views-table,.draggable-table) th.checkbox,
-:is(.forum table,.text-content table,.views-table,.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;
}
diff --git a/core/themes/olivero/css/components/tabs.css b/core/themes/olivero/css/components/tabs.css
index 2f0663de61c3..67628f257c39 100644
--- a/core/themes/olivero/css/components/tabs.css
+++ b/core/themes/olivero/css/components/tabs.css
@@ -28,7 +28,6 @@
padding: 0;
list-style: none;
}
-
@media (min-width: 43.75rem) {
.tabs {
flex-direction: row;
@@ -43,7 +42,6 @@
.tabs__tab.is-active {
display: flex;
}
-
@media (min-width: 43.75rem) {
.tabs__tab {
display: flex;
@@ -63,7 +61,6 @@ html:not(.js) .tabs__tab {
.tabs--secondary .tabs__tab {
display: block;
}
-
@media (min-width: 43.75rem) {
.tabs--secondary .tabs__tab {
display: flex;
@@ -111,7 +108,6 @@ html:not(.js) .tabs__tab {
content: "";
border-inline-start: var(--tabs-active-border-size) solid var(--tabs-highlight-color);
}
-
@media (min-width: 43.75rem) {
.tabs__link.is-active::after {
inset-block: auto calc(-1 * var(--tabs-border-width));
@@ -152,7 +148,6 @@ html:not(.js) .tabs__tab {
html:not(.js) .tabs__trigger {
display: none;
}
-
@media (min-width: 43.75rem) {
.tabs__trigger {
display: none;
diff --git a/core/themes/olivero/css/components/tags.css b/core/themes/olivero/css/components/tags.css
index c9f38817894b..064f725f58b0 100644
--- a/core/themes/olivero/css/components/tags.css
+++ b/core/themes/olivero/css/components/tags.css
@@ -30,7 +30,6 @@
}
@media (min-width: 43.75rem) {
-
.field--tags__label {
line-height: 2;
}
@@ -61,7 +60,7 @@
margin-inline-end: calc(var(--sp0-5) / 2);
}
-.field--tags__item:nth-last-child(n+2)::after {
+.field--tags__item:nth-last-child(n + 2)::after {
content: ",";
font-size: var(--font-size-base);
line-height: 1.5;
diff --git a/core/themes/olivero/css/components/text-content.css b/core/themes/olivero/css/components/text-content.css
index c5ccc5c7316d..a9592888d71a 100644
--- a/core/themes/olivero/css/components/text-content.css
+++ b/core/themes/olivero/css/components/text-content.css
@@ -35,7 +35,6 @@
}
@supports (box-shadow: none) {
-
.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);
@@ -69,7 +68,6 @@
}
@media (min-width: 43.75rem) {
-
.text-content p,
.cke_editable p {
margin-block-start: var(--sp2);
@@ -128,7 +126,6 @@
}
@media (min-width: 43.75rem) {
-
.text-content blockquote,
.cke_editable blockquote {
font-size: 2rem;
@@ -137,7 +134,6 @@
}
@media (min-width: 62.5rem) {
-
.text-content blockquote,
.cke_editable blockquote {
font-size: 2.5rem;
@@ -146,7 +142,6 @@
}
@media (min-width: 43.75rem) {
-
.text-content,
.cke_editable {
font-size: 1.125rem;
@@ -183,7 +178,6 @@
*/
@media (min-width: 62.5rem) {
-
.region--sidebar .text-content blockquote {
font-size: 1.5rem;
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 99840b6883ff..82dbd2631821 100644
--- a/core/themes/olivero/css/components/vertical-tabs.css
+++ b/core/themes/olivero/css/components/vertical-tabs.css
@@ -16,7 +16,6 @@
}
@media (min-width: 62.5rem) {
-
.vertical-tabs {
display: flex;
}
@@ -35,7 +34,6 @@
}
@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);
@@ -47,7 +45,6 @@
}
@media (min-width: 62.5rem) {
-
.vertical-tabs__panes {
width: calc(100% - var(--vertical-tabs-menu-width));
margin-block-start: 0;
@@ -55,7 +52,6 @@
}
@media (min-width: 62.5rem) {
-
.vertical-tabs__pane {
min-height: 100%;
}
@@ -71,7 +67,7 @@
display: none;
}
-.vertical-tabs__menu-item:nth-child(n+2) {
+.vertical-tabs__menu-item:nth-child(n + 2) {
border-block-start: var(--vertical-tabs-menu-border-width) solid var(--color--gray-95);
}
@@ -96,7 +92,6 @@
}
@media (min-width: 62.5rem) {
-
.vertical-tabs__menu-item.is-selected {
margin-inline-end: calc(var(--vertical-tabs-menu-border-width) * -1);
padding-inline-end: var(--vertical-tabs-menu-border-width);
diff --git a/core/themes/olivero/css/components/wide-image.css b/core/themes/olivero/css/components/wide-image.css
index 78a844ad168d..637df396bacf 100644
--- a/core/themes/olivero/css/components/wide-image.css
+++ b/core/themes/olivero/css/components/wide-image.css
@@ -18,7 +18,6 @@
}
@media (min-width: 43.75rem) {
-
.wide-image {
width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap));
margin-block: var(--sp2) var(--sp4);
@@ -27,7 +26,6 @@
}
@media (min-width: 62.5rem) {
-
.wide-image {
width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
margin-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
@@ -37,14 +35,12 @@
/* Ensure that image doesn't overlap sidebar. */
@media (min-width: 62.5rem) {
-
.sidebar-grid .wide-image {
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));
}
diff --git a/core/themes/olivero/css/layout/grid.css b/core/themes/olivero/css/layout/grid.css
index 76747f17645d..d462d9cf0637 100644
--- a/core/themes/olivero/css/layout/grid.css
+++ b/core/themes/olivero/css/layout/grid.css
@@ -30,7 +30,6 @@
*/
@media (min-width: 43.75rem) {
-
.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
@@ -38,7 +37,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 6), minmax(0, 1fr));
@@ -52,7 +50,6 @@
*/
@media (min-width: 43.75rem) {
-
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
@@ -60,7 +57,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
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 46ed0046adab..c607c6f0ec89 100644
--- a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
@@ -21,7 +21,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--fourcol-section > .layout__region {
flex-basis: calc(50% - (var(--grid-gap) * 0.5));
flex-grow: 0;
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 dbd891f11895..df66d8b2739d 100644
--- a/core/themes/olivero/css/layout/layout-builder-threecol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-threecol-section.css
@@ -21,7 +21,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--threecol-section > .layout__region {
flex-grow: 0;
flex-shrink: 0;
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 50521de0b4d6..43dfb2b736e8 100644
--- a/core/themes/olivero/css/layout/layout-builder-twocol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-twocol-section.css
@@ -21,7 +21,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--twocol-section > .layout__region {
flex-grow: 0;
flex-shrink: 0;
diff --git a/core/themes/olivero/css/layout/layout-content-medium.css b/core/themes/olivero/css/layout/layout-content-medium.css
index c99f2d9d2588..bae3903ba2ef 100644
--- a/core/themes/olivero/css/layout/layout-content-medium.css
+++ b/core/themes/olivero/css/layout/layout-content-medium.css
@@ -17,7 +17,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-medium,
.layout--pass--content-medium > * {
grid-column: 2 / 14;
@@ -25,7 +24,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-medium,
.layout--pass--content-medium > * {
grid-column: 3 / 13;
@@ -39,7 +37,6 @@
*/
@media (min-width: 43.75rem) {
-
.layout--pass--content-medium > * .layout--content-medium,
.layout--content-medium .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
@@ -49,7 +46,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--pass--content-medium > * .layout--content-medium,
.layout--content-medium .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
diff --git a/core/themes/olivero/css/layout/layout-content-narrow.css b/core/themes/olivero/css/layout/layout-content-narrow.css
index eed0bca14c11..aabeee47dd13 100644
--- a/core/themes/olivero/css/layout/layout-content-narrow.css
+++ b/core/themes/olivero/css/layout/layout-content-narrow.css
@@ -17,7 +17,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-narrow,
.layout--pass--content-narrow > * {
grid-column: 2 / 14;
@@ -25,7 +24,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow,
.layout--pass--content-narrow > * {
grid-column: 3 / 11;
@@ -42,7 +40,6 @@
*/
@media (min-width: 43.75rem) {
-
.layout--content-narrow .layout--content-narrow,
.layout--pass--content-narrow > * .layout--content-narrow,
.layout--content-medium .layout--content-narrow,
@@ -56,7 +53,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow .layout--content-narrow,
.layout--pass--content-narrow > * .layout--content-narrow,
.layout--content-medium .layout--content-narrow,
@@ -75,7 +71,6 @@
*/
@media (min-width: 43.75rem) {
-
.layout--content-narrow.text-content blockquote::before,
.layout--pass--content-narrow > *.text-content blockquote::before,
.layout--content-narrow .text-content blockquote::before,
@@ -85,7 +80,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-narrow.text-content blockquote::after,
.layout--pass--content-narrow > *.text-content blockquote::after,
.layout--content-narrow .text-content blockquote::after,
@@ -98,7 +92,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-narrow.text-content blockquote,
.layout--pass--content-narrow > *.text-content blockquote,
.layout--content-narrow .text-content blockquote,
@@ -110,7 +103,6 @@
}
@media (min-width: 43.75rem) {
-
.layout--content-narrow.text-content pre,
.layout--pass--content-narrow > *.text-content pre,
.layout--content-narrow .text-content pre,
@@ -120,7 +112,6 @@
}
@media (min-width: 62.5rem) {
-
.layout--content-narrow.text-content pre,
.layout--pass--content-narrow > *.text-content pre,
.layout--content-narrow .text-content pre,
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 384deb4f4406..e92fe2c0823c 100644
--- a/core/themes/olivero/css/layout/layout-discovery-section-layout.css
+++ b/core/themes/olivero/css/layout/layout-discovery-section-layout.css
@@ -15,14 +15,12 @@
}
@media (min-width: 43.75rem) {
-
.layout {
margin-block-end: var(--sp2);
}
}
@media (min-width: 62.5rem) {
-
.layout {
margin-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/layout/layout-footer.css b/core/themes/olivero/css/layout/layout-footer.css
index 942f970b6233..17df54dbae1c 100644
--- a/core/themes/olivero/css/layout/layout-footer.css
+++ b/core/themes/olivero/css/layout/layout-footer.css
@@ -25,7 +25,6 @@
}
@media (min-width: 75rem) {
-
.site-footer__inner {
padding-block: var(--sp4) calc(13 * var(--sp));
}
@@ -37,7 +36,6 @@
}
@media (min-width: 43.75rem) {
-
.region--footer_top__inner > *,
.region--footer_bottom__inner > * {
flex: 1;
@@ -51,7 +49,6 @@
}
@media (min-width: 43.75rem) {
-
.region--footer_top__inner,
.region--footer_bottom__inner {
display: flex;
diff --git a/core/themes/olivero/css/layout/layout-sidebar.css b/core/themes/olivero/css/layout/layout-sidebar.css
index c033ceeb72ee..4ff12fad1aaf 100644
--- a/core/themes/olivero/css/layout/layout-sidebar.css
+++ b/core/themes/olivero/css/layout/layout-sidebar.css
@@ -16,14 +16,12 @@
}
@media (min-width: 43.75rem) {
-
.sidebar-grid > .site-main {
grid-column: 1 / 15;
}
}
@media (min-width: 62.5rem) {
-
.sidebar-grid > .site-main {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
@@ -49,14 +47,12 @@
}
@media (min-width: 43.75rem) {
-
.sidebar-grid .region--sidebar {
grid-column: 3 / 13;
}
}
@media (min-width: 62.5rem) {
-
.sidebar-grid .region--sidebar {
grid-column: 12 / 15;
}
diff --git a/core/themes/olivero/css/layout/layout.css b/core/themes/olivero/css/layout/layout.css
index 81019972b17f..375359860382 100644
--- a/core/themes/olivero/css/layout/layout.css
+++ b/core/themes/olivero/css/layout/layout.css
@@ -42,7 +42,6 @@ body.is-fixed .container {
/* Contains the social sidebar, and the primary content area. */
@media (min-width: 75rem) {
-
.layout-main {
display: flex;
flex-direction: row-reverse;
@@ -51,7 +50,6 @@ body.is-fixed .container {
}
@media (min-width: 75rem) {
-
.main-content {
width: calc(100% - var(--content-left));
margin-inline-end: auto;
@@ -63,7 +61,6 @@ body.is-fixed .container {
}
@media (min-width: 43.75rem) {
-
.main-content__container {
padding-block-start: 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 ee0321852cc6..14341c4db2cb 100644
--- a/core/themes/olivero/css/layout/region-content-below.css
+++ b/core/themes/olivero/css/layout/region-content-below.css
@@ -11,7 +11,6 @@
*/
@media (min-width: 43.75rem) {
-
.region--content-below {
display: flex;
flex-wrap: wrap;
diff --git a/core/themes/olivero/css/layout/region-content.css b/core/themes/olivero/css/layout/region-content.css
index 330cff5bf037..7e60724914b8 100644
--- a/core/themes/olivero/css/layout/region-content.css
+++ b/core/themes/olivero/css/layout/region-content.css
@@ -15,14 +15,12 @@
}
@media (min-width: 43.75rem) {
-
.region--content {
margin-block-end: var(--sp2);
}
}
@media (min-width: 62.5rem) {
-
.region--content {
margin-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/layout/region.css b/core/themes/olivero/css/layout/region.css
index 1caee89f53e4..e6a968ddcad3 100644
--- a/core/themes/olivero/css/layout/region.css
+++ b/core/themes/olivero/css/layout/region.css
@@ -15,14 +15,12 @@
}
@media (min-width: 43.75rem) {
-
.region > * {
margin-block-end: var(--sp2);
}
}
@media (min-width: 62.5rem) {
-
.region > * {
margin-block-end: var(--sp3);
}
diff --git a/core/themes/olivero/css/layout/social-bar.css b/core/themes/olivero/css/layout/social-bar.css
index 4d97c9dd0261..2b5b72eb418b 100644
--- a/core/themes/olivero/css/layout/social-bar.css
+++ b/core/themes/olivero/css/layout/social-bar.css
@@ -12,7 +12,6 @@
*/
@media (min-width: 75rem) {
-
.social-bar {
flex-shrink: 0;
width: var(--content-left);
@@ -28,7 +27,6 @@
}
@media (min-width: 75rem) {
-
.social-bar__inner {
position: relative;
width: var(--content-left);
@@ -50,7 +48,6 @@
}
@media (min-width: 75rem) {
-
.rotate > * {
display: flex;
align-items: center;
@@ -63,7 +60,6 @@
}
@media (min-width: 75rem) {
-
.rotate .contextual {
inset-inline: 100% auto;
transform: rotate(90deg); /* LTR */
@@ -88,7 +84,6 @@
}
@media (min-width: 75rem) {
-
.rotate {
position: absolute;
inset-inline-start: 50%;
@@ -100,7 +95,6 @@
}
@supports (width: max-content) {
-
.rotate {
width: max-content;
}
diff --git a/core/themes/olivero/css/layout/views.css b/core/themes/olivero/css/layout/views.css
index a9544b32abc6..e97620b1ed0e 100644
--- a/core/themes/olivero/css/layout/views.css
+++ b/core/themes/olivero/css/layout/views.css
@@ -19,7 +19,6 @@
}
@media (min-width: 43.75rem) {
-
.view > * {
margin-block-end: var(--sp3);
}
diff --git a/core/yarn.lock b/core/yarn.lock
index d59853896c5a..8f9dfd689381 100644
--- a/core/yarn.lock
+++ b/core/yarn.lock
@@ -621,6 +621,21 @@
resolved "https://registry.yarnpkg.com/@cspell/strong-weak-map/-/strong-weak-map-6.31.1.tgz#370faeae5ecb0c9a55344a34cd70f1690c62de01"
integrity sha512-z8AuWvUuSnugFKJOA9Ke0aiFuehcqLFqia9bk8XaQNEWr44ahPVn3sEWnAncTxPbpWuUw5UajoJa0egRAE1CCg==
+"@csstools/css-parser-algorithms@^2.1.1":
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.1.1.tgz#7b62e6412a468a2d1096ed267edd1e4a7fd4a119"
+ integrity sha512-viRnRh02AgO4mwIQb2xQNJju0i+Fh9roNgmbR5xEuG7J3TGgxjnE95HnBLgsFJOJOksvcfxOUCgODcft6Y07cA==
+
+"@csstools/css-tokenizer@^2.1.1":
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz#07ae11a0a06365d7ec686549db7b729bc036528e"
+ integrity sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA==
+
+"@csstools/media-query-list-parser@^2.0.4":
+ version "2.0.4"
+ resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.0.4.tgz#466bd254041530dfd1e88bcb1921e8ca4af75b6a"
+ integrity sha512-GyYot6jHgcSDZZ+tLSnrzkR7aJhF2ZW6d+CXH66mjy5WpAQhZD4HDke2OQ36SivGRWlZJpAz7TzbW6OKlEpxAA==
+
"@csstools/postcss-cascade-layers@^1.1.1":
version "1.1.1"
resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
@@ -727,6 +742,11 @@
resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
+"@csstools/selector-specificity@^2.2.0":
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
+ integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+
"@discoveryjs/json-ext@^0.5.0":
version "0.5.7"
resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
@@ -922,11 +942,6 @@
resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
-"@types/parse-json@^4.0.0":
- version "4.0.0"
- resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
- integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
-
"@ungap/promise-all-settled@1.1.2":
version "1.1.2"
resolved "https://registry.yarnpkg.com/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz#aa58042711d6e3275dd37dc597e5d31e8c290a44"
@@ -1139,9 +1154,9 @@ ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
uri-js "^4.2.2"
ajv@^8.0.1:
- version "8.11.2"
- resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.2.tgz#aecb20b50607acf2569b6382167b65a96008bb78"
- integrity sha512-E4bfmKAhGiSTvMfL1Myyycaub+cUEU2/IvpylXkUu7CHBkBj1f/ikdzbD7YQ6FKUbixDxeYvB/xY4fvyroDlQg==
+ version "8.12.0"
+ resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
+ integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
dependencies:
fast-deep-equal "^3.1.1"
json-schema-traverse "^1.0.0"
@@ -1666,16 +1681,15 @@ cosmiconfig@8.0.0:
parse-json "^5.0.0"
path-type "^4.0.0"
-cosmiconfig@^7.1.0:
- version "7.1.0"
- resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
- integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+cosmiconfig@^8.1.3:
+ version "8.1.3"
+ resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.1.3.tgz#0e614a118fcc2d9e5afc2f87d53cd09931015689"
+ integrity sha512-/UkO2JKI18b5jVMJUp0lvKFMpa/Gye+ZgZjKD+DGEN9y7NRcf/nK1A0sp67ONmKtnDCNMS44E6jrk0Yc3bDuUw==
dependencies:
- "@types/parse-json" "^4.0.0"
import-fresh "^3.2.1"
+ js-yaml "^4.1.0"
parse-json "^5.0.0"
path-type "^4.0.0"
- yaml "^1.10.0"
cross-spawn@^7.0.2, cross-spawn@^7.0.3:
version "7.0.3"
@@ -1815,6 +1829,14 @@ css-prefers-color-scheme@^6.0.3:
resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
+css-tree@^2.3.1:
+ version "2.3.1"
+ resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
+ integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
+ dependencies:
+ mdn-data "2.0.30"
+ source-map-js "^1.0.1"
+
cssdb@^7.1.0:
version "7.1.0"
resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.1.0.tgz#574f97235a83eb753a29f0b1f2cbacac0d628bb8"
@@ -2752,10 +2774,10 @@ html-encoding-sniffer@^3.0.0:
dependencies:
whatwg-encoding "^2.0.0"
-html-tags@^3.2.0:
- version "3.2.0"
- resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961"
- integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==
+html-tags@^3.3.1:
+ version "3.3.1"
+ resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
+ integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
http-proxy-agent@^5.0.0:
version "5.0.0"
@@ -2786,16 +2808,11 @@ ieee754@^1.1.13:
resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-ignore@^5.2.0:
+ignore@^5.2.0, ignore@^5.2.4:
version "5.2.4"
resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
-ignore@^5.2.1:
- version "5.2.1"
- resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.1.tgz#c2b1f76cb999ede1502f3a226a9310fdfe88d46c"
- integrity sha512-d2qQLzTJ9WxQftPAuEQpSPmKqzxePjzVbpAVv62AQ64NTL+wR4JkrVqR/LqFsFEUsHDAiId52mJteHDFuDkElA==
-
immediate@~3.0.5:
version "3.0.6"
resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
@@ -2910,13 +2927,20 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
-is-core-module@^2.11.0, is-core-module@^2.5.0, is-core-module@^2.9.0:
+is-core-module@^2.11.0:
version "2.11.0"
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
dependencies:
has "^1.0.3"
+is-core-module@^2.5.0, is-core-module@^2.9.0:
+ version "2.12.0"
+ resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
+ integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
+ dependencies:
+ has "^1.0.3"
+
is-date-object@^1.0.1:
version "1.0.5"
resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -3232,10 +3256,10 @@ kind-of@^6.0.2, kind-of@^6.0.3:
resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-known-css-properties@^0.26.0:
- version "0.26.0"
- resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.26.0.tgz#008295115abddc045a9f4ed7e2a84dc8b3a77649"
- integrity sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==
+known-css-properties@^0.27.0:
+ version "0.27.0"
+ resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.27.0.tgz#82a9358dda5fe7f7bd12b5e7142c0a205393c0c5"
+ integrity sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==
levn@^0.4.1:
version "0.4.1"
@@ -3446,6 +3470,11 @@ mathml-tag-names@^2.1.3:
resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
+mdn-data@2.0.30:
+ version "2.0.30"
+ resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
+ integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
+
meow@^9.0.0:
version "9.0.0"
resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364"
@@ -3616,10 +3645,10 @@ nanoid@3.3.1:
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
-nanoid@^3.3.3, nanoid@^3.3.4:
- version "3.3.4"
- resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
- integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+nanoid@^3.3.4, nanoid@^3.3.6:
+ version "3.3.6"
+ resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+ integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
natural-compare@^1.4.0:
version "1.4.0"
@@ -4226,10 +4255,10 @@ postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-select
cssesc "^3.0.0"
util-deprecate "^1.0.2"
-postcss-sorting@^7.0.1:
- version "7.0.1"
- resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-7.0.1.tgz#923b5268451cf2d93ebf8835e17a6537757049a5"
- integrity sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==
+postcss-sorting@^8.0.2:
+ version "8.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-8.0.2.tgz#6393385ece272baf74bee9820fb1b58098e4eeca"
+ integrity sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==
postcss-url@^10.1.3:
version "10.1.3"
@@ -4246,16 +4275,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^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@^8.3.11:
- version "8.4.13"
- resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.13.tgz#7c87bc268e79f7f86524235821dfdf9f73e5d575"
- integrity sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==
- dependencies:
- nanoid "^3.3.3"
- picocolors "^1.0.0"
- source-map-js "^1.0.2"
-
-postcss@^8.4.16, postcss@^8.4.19:
+postcss@^8.4.16:
version "8.4.19"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
@@ -4264,6 +4284,15 @@ postcss@^8.4.16, postcss@^8.4.19:
picocolors "^1.0.0"
source-map-js "^1.0.2"
+postcss@^8.4.21, postcss@^8.4.22:
+ version "8.4.23"
+ resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab"
+ integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==
+ dependencies:
+ nanoid "^3.3.6"
+ picocolors "^1.0.0"
+ source-map-js "^1.0.2"
+
prelude-ls@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -4282,9 +4311,9 @@ prettier-linter-helpers@^1.0.0:
fast-diff "^1.1.2"
prettier@^2.1.2:
- version "2.8.0"
- resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.0.tgz#c7df58393c9ba77d6fba3921ae01faf994fb9dc9"
- integrity sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==
+ version "2.8.8"
+ resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
+ integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
process-nextick-args@~2.0.0:
version "2.0.1"
@@ -4451,7 +4480,7 @@ resolve-global@^1.0.0:
dependencies:
global-dirs "^0.1.1"
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.20.0, resolve@^1.22.1:
+resolve@^1.1.7, resolve@^1.20.0, resolve@^1.22.1:
version "1.22.1"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -4460,6 +4489,15 @@ resolve@^1.1.7, resolve@^1.10.0, resolve@^1.20.0, resolve@^1.22.1:
path-parse "^1.0.7"
supports-preserve-symlinks-flag "^1.0.0"
+resolve@^1.10.0:
+ version "1.22.2"
+ resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
+ integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+ dependencies:
+ is-core-module "^2.11.0"
+ path-parse "^1.0.7"
+ supports-preserve-symlinks-flag "^1.0.0"
+
restore-cursor@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
@@ -4553,14 +4591,7 @@ semver@^6.0.0, semver@^6.3.0:
resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-semver@^7.3.4:
- version "7.3.8"
- resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
- integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
- dependencies:
- lru-cache "^6.0.0"
-
-semver@^7.3.8:
+semver@^7.3.4, semver@^7.3.8:
version "7.5.0"
resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.0.tgz#ed8c5dc8efb6c629c88b23d41dc9bf40c1d96cd0"
integrity sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==
@@ -4645,7 +4676,7 @@ sortablejs@1.15.x:
resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.15.0.tgz#53230b8aa3502bb77a29e2005808ffdb4a5f7e2a"
integrity sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==
-source-map-js@^1.0.2:
+source-map-js@^1.0.1, source-map-js@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -4664,9 +4695,9 @@ source-map@^0.6.0, source-map@~0.6.1:
integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
spdx-correct@^3.0.0:
- version "3.1.1"
- resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
- integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
+ integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
dependencies:
spdx-expression-parse "^3.0.0"
spdx-license-ids "^3.0.0"
@@ -4685,9 +4716,9 @@ spdx-expression-parse@^3.0.0:
spdx-license-ids "^3.0.0"
spdx-license-ids@^3.0.0:
- version "3.0.12"
- resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779"
- integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==
+ version "3.0.13"
+ resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz#7189a474c46f8d47c7b0da4b987bb45e908bd2d5"
+ integrity sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==
stacktrace-parser@0.1.10:
version "0.1.10"
@@ -4782,36 +4813,40 @@ stylelint-checkstyle-formatter@^0.1.2:
dependencies:
lodash "^4.17.10"
-stylelint-config-recommended@^9.0.0:
- version "9.0.0"
- resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-9.0.0.tgz#1c9e07536a8cd875405f8ecef7314916d94e7e40"
- integrity sha512-9YQSrJq4NvvRuTbzDsWX3rrFOzOlYBmZP+o513BJN/yfEmGSr0AxdvrWs0P/ilSpVV/wisamAHu5XSk8Rcf4CQ==
+stylelint-config-recommended@^12.0.0:
+ version "12.0.0"
+ resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-12.0.0.tgz#d0993232fca017065fd5acfcb52dd8a188784ef4"
+ integrity sha512-x6x8QNARrGO2sG6iURkzqL+Dp+4bJorPMMRNPScdvaUK8PsynriOcMW7AFDKqkWAS5wbue/u8fUT/4ynzcmqdQ==
-stylelint-config-standard@^29.0.0:
- version "29.0.0"
- resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-29.0.0.tgz#4cc0e0f05512a39bb8b8e97853247d3a95d66fa2"
- integrity sha512-uy8tZLbfq6ZrXy4JKu3W+7lYLgRQBxYTUUB88vPgQ+ZzAxdrvcaSUW9hOMNLYBnwH+9Kkj19M2DHdZ4gKwI7tg==
+stylelint-config-standard@^33.0.0:
+ version "33.0.0"
+ resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-33.0.0.tgz#1f7bb299153a53874073e93829e37a475842f0f9"
+ integrity sha512-eyxnLWoXImUn77+ODIuW9qXBDNM+ALN68L3wT1lN2oNspZ7D9NVGlNHb2QCUn4xDug6VZLsh0tF8NyoYzkgTzg==
dependencies:
- stylelint-config-recommended "^9.0.0"
+ stylelint-config-recommended "^12.0.0"
-stylelint-order@^5.0.0:
- version "5.0.0"
- resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-5.0.0.tgz#abd20f6b85ac640774cbe40e70d3fe9c6fdf4400"
- integrity sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==
+stylelint-order@^6.0.3:
+ version "6.0.3"
+ resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-6.0.3.tgz#160b78650bd90463241b992581efee7159baefc2"
+ integrity sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==
dependencies:
- postcss "^8.3.11"
- postcss-sorting "^7.0.1"
+ postcss "^8.4.21"
+ postcss-sorting "^8.0.2"
-stylelint@^14.0.1:
- version "14.16.0"
- resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.16.0.tgz#8e1a424f4b9852e59089f95de306734d70e5048b"
- integrity sha512-X6uTi9DcxjzLV8ZUAjit1vsRtSwcls0nl07c9rqOPzvpA8IvTX/xWEkBRowS0ffevRrqkHa/ThDEu86u73FQDg==
+stylelint@^15.5.0:
+ version "15.6.0"
+ resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.6.0.tgz#1d76176dd8b6307bc4645e428ad18ddd15edbafc"
+ integrity sha512-Cqzpc8tvJm77KaM8qUbhpJ/UYK55Ia0whQXj4b9IId9dlPICO7J8Lyo15SZWiHxKjlvy3p5FQor/3n6i8ignXg==
dependencies:
- "@csstools/selector-specificity" "^2.0.2"
+ "@csstools/css-parser-algorithms" "^2.1.1"
+ "@csstools/css-tokenizer" "^2.1.1"
+ "@csstools/media-query-list-parser" "^2.0.4"
+ "@csstools/selector-specificity" "^2.2.0"
balanced-match "^2.0.0"
colord "^2.9.3"
- cosmiconfig "^7.1.0"
+ cosmiconfig "^8.1.3"
css-functions-list "^3.1.0"
+ css-tree "^2.3.1"
debug "^4.3.4"
fast-glob "^3.2.12"
fastest-levenshtein "^1.0.16"
@@ -4819,18 +4854,18 @@ stylelint@^14.0.1:
global-modules "^2.0.0"
globby "^11.1.0"
globjoin "^0.1.4"
- html-tags "^3.2.0"
- ignore "^5.2.1"
+ html-tags "^3.3.1"
+ ignore "^5.2.4"
import-lazy "^4.0.0"
imurmurhash "^0.1.4"
is-plain-object "^5.0.0"
- known-css-properties "^0.26.0"
+ known-css-properties "^0.27.0"
mathml-tag-names "^2.1.3"
meow "^9.0.0"
micromatch "^4.0.5"
normalize-path "^3.0.0"
picocolors "^1.0.0"
- postcss "^8.4.19"
+ postcss "^8.4.22"
postcss-media-query-parser "^0.2.3"
postcss-resolve-nested-selector "^0.1.1"
postcss-safe-parser "^6.0.0"
@@ -4840,11 +4875,11 @@ stylelint@^14.0.1:
string-width "^4.2.3"
strip-ansi "^6.0.1"
style-search "^0.1.0"
- supports-hyperlinks "^2.3.0"
+ supports-hyperlinks "^3.0.0"
svg-tags "^1.0.0"
table "^6.8.1"
v8-compile-cache "^2.3.0"
- write-file-atomic "^4.0.2"
+ write-file-atomic "^5.0.0"
supports-color@8.1.1, supports-color@^8.0.0:
version "8.1.1"
@@ -4867,10 +4902,10 @@ supports-color@^7.0.0, supports-color@^7.1.0:
dependencies:
has-flag "^4.0.0"
-supports-hyperlinks@^2.3.0:
- version "2.3.0"
- resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
- integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
+supports-hyperlinks@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz#c711352a5c89070779b4dad54c05a2f14b15c94b"
+ integrity sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==
dependencies:
has-flag "^4.0.0"
supports-color "^7.0.0"
@@ -5356,10 +5391,10 @@ write-file-atomic@^3.0.0:
signal-exit "^3.0.2"
typedarray-to-buffer "^3.1.5"
-write-file-atomic@^4.0.2:
- version "4.0.2"
- resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
- integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
+write-file-atomic@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.0.tgz#54303f117e109bf3d540261125c8ea5a7320fab0"
+ integrity sha512-R7NYMnHSlV42K54lwY9lvW6MnSm1HSJqZL3xiSgi9E7//FYaI74r2G0rd+/X6VAMkHEdzxQaU5HUOXWUz5kA/w==
dependencies:
imurmurhash "^0.1.4"
signal-exit "^3.0.7"
@@ -5410,11 +5445,6 @@ yaml-eslint-parser@^1.1.0:
lodash "^4.17.21"
yaml "^2.0.0"
-yaml@^1.10.0:
- version "1.10.2"
- resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
- integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
yaml@^2.0.0:
version "2.2.1"
resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.2.1.tgz#3014bf0482dcd15147aa8e56109ce8632cd60ce4"
--
GitLab