From 83f1d40d033bae41d10d6f32964f4b67213bf83d Mon Sep 17 00:00:00 2001
From: xjm <xjm@65776.no-reply.drupal.org>
Date: Thu, 5 Jan 2023 17:55:43 -0600
Subject: [PATCH] Issue #3308872 by Spokje, xjm, longwave, bnjmnm: Address
"postcss.plugin was deprecated" warning
---
core/package.json | 3 +-
core/scripts/css/compile.js | 20 ++------
core/scripts/css/remove-unwanted-comments.js | 14 ++++++
core/themes/olivero/css/base/base.css | 13 -----
core/themes/olivero/css/base/fonts.css | 13 -----
core/themes/olivero/css/base/variables.css | 13 -----
.../olivero/css/components/action-links.css | 8 ---
.../css/components/ajax-progress.module.css | 13 -----
.../autocomplete-loading.module.css | 13 -----
core/themes/olivero/css/components/block.css | 13 -----
core/themes/olivero/css/components/book.css | 13 -----
.../olivero/css/components/breadcrumb.css | 13 -----
core/themes/olivero/css/components/button.css | 13 -----
.../olivero/css/components/comments.css | 13 -----
.../css/components/content-moderation.css | 13 -----
.../themes/olivero/css/components/details.css | 13 -----
.../olivero/css/components/embedded-media.css | 13 -----
core/themes/olivero/css/components/feed.css | 13 -----
core/themes/olivero/css/components/field.css | 13 -----
.../olivero/css/components/fieldset.css | 13 -----
core/themes/olivero/css/components/footer.css | 13 -----
.../olivero/css/components/form-boolean.css | 13 -----
.../olivero/css/components/form-select.css | 13 -----
.../olivero/css/components/form-text.css | 13 -----
.../olivero/css/components/form-textarea.css | 13 -----
core/themes/olivero/css/components/form.css | 13 -----
core/themes/olivero/css/components/forum.css | 13 -----
.../css/components/header-buttons-mobile.css | 13 -----
.../css/components/header-navigation.css | 13 -----
.../css/components/header-search-narrow.css | 13 -----
.../css/components/header-search-wide.css | 13 -----
.../css/components/header-site-branding.css | 13 -----
.../css/components/header-sticky-toggle.css | 13 -----
core/themes/olivero/css/components/hero.css | 13 -----
core/themes/olivero/css/components/links.css | 13 -----
.../css/components/maintenance-page.css | 13 -----
.../olivero/css/components/messages.css | 13 -----
.../components/navigation/menu-sidebar.css | 13 -----
.../navigation/nav-button-mobile.css | 13 -----
.../navigation/nav-primary-button.css | 13 -----
.../navigation/nav-primary-no-js.css | 13 -----
.../navigation/nav-primary-wide.css | 13 -----
.../css/components/navigation/nav-primary.css | 13 -----
.../components/navigation/nav-secondary.css | 13 -----
.../components/navigation/wide-nav-expand.css | 13 -----
.../css/components/node-preview-container.css | 13 -----
.../olivero/css/components/node-teaser.css | 13 -----
core/themes/olivero/css/components/node.css | 13 -----
.../olivero/css/components/page-title.css | 13 -----
core/themes/olivero/css/components/pager.css | 13 -----
.../css/components/powered-by-block.css | 13 -----
.../olivero/css/components/progress.css | 13 -----
.../olivero/css/components/search-results.css | 13 -----
.../olivero/css/components/site-header.css | 13 -----
.../olivero/css/components/skip-link.css | 13 -----
core/themes/olivero/css/components/table.css | 13 -----
.../olivero/css/components/tabledrag.css | 13 -----
core/themes/olivero/css/components/tabs.css | 50 -------------------
core/themes/olivero/css/components/tags.css | 13 -----
.../olivero/css/components/text-content.css | 13 -----
.../olivero/css/components/vertical-tabs.css | 13 -----
.../olivero/css/components/wide-image.css | 13 -----
core/themes/olivero/css/layout/grid.css | 13 -----
.../layout/layout-builder-fourcol-section.css | 13 -----
.../layout-builder-threecol-section.css | 13 -----
.../layout/layout-builder-twocol-section.css | 13 -----
.../css/layout/layout-content-medium.css | 13 -----
.../css/layout/layout-content-narrow.css | 13 -----
.../layout-discovery-section-layout.css | 13 -----
.../olivero/css/layout/layout-footer.css | 13 -----
.../olivero/css/layout/layout-sidebar.css | 13 -----
.../olivero/css/layout/layout-views-grid.css | 13 -----
core/themes/olivero/css/layout/layout.css | 13 -----
.../css/layout/region-content-below.css | 13 -----
.../olivero/css/layout/region-content.css | 13 -----
.../themes/olivero/css/layout/region-hero.css | 13 -----
.../css/layout/region-secondary-menu.css | 13 -----
core/themes/olivero/css/layout/region.css | 13 -----
core/themes/olivero/css/layout/social-bar.css | 13 -----
core/themes/olivero/css/layout/views.css | 13 -----
.../themes/olivero/css/theme/filter.theme.css | 13 -----
81 files changed, 19 insertions(+), 1064 deletions(-)
create mode 100644 core/scripts/css/remove-unwanted-comments.js
diff --git a/core/package.json b/core/package.json
index e06958b4cefe..5aa7f6025b89 100644
--- a/core/package.json
+++ b/core/package.json
@@ -107,6 +107,5 @@
"last 1 ChromeAndroid version",
"last 1 Samsung version",
"Firefox ESR"
- ],
- "dependencies": {}
+ ]
}
diff --git a/core/scripts/css/compile.js b/core/scripts/css/compile.js
index fe52555a777b..1d984f05cdd6 100644
--- a/core/scripts/css/compile.js
+++ b/core/scripts/css/compile.js
@@ -8,28 +8,16 @@ const postcssPresetEnv = require('postcss-preset-env');
// cspell:ignore pxtorem
const postcssPixelsToRem = require('postcss-pxtorem');
const stylelint = require('stylelint');
+const removeUnwantedComments = require('./remove-unwanted-comments');
module.exports = (filePath, callback) => {
// Transform the file.
fs.readFile(filePath, (err, css) => {
postcss([
postcssImport({
- plugins: [
- // On import, remove the comments from variables.pcss.css so they don't
- // appear as useless comments at the top files that import these
- // variables.
- postcss.plugin('remove-unwanted-comments-from-variables', (options) => {
- return css => {
- if (css.source.input.file.indexOf('variables.pcss.css') !== -1) {
- css.walk(node => {
- if (node.type === 'comment') {
- node.remove();
- }
- });
- }
- };
- }),
- ],
+ plugins: [
+ removeUnwantedComments,
+ ],
}),
postcssPresetEnv({
stage: 1,
diff --git a/core/scripts/css/remove-unwanted-comments.js b/core/scripts/css/remove-unwanted-comments.js
new file mode 100644
index 000000000000..bedbb347977f
--- /dev/null
+++ b/core/scripts/css/remove-unwanted-comments.js
@@ -0,0 +1,14 @@
+// On import, remove the comments, so they don't appear as useless comments at the top of the autogenerated css files.
+module.exports = opts => {
+ return {
+ postcssPlugin: 'remove-unwanted-comments',
+ Once(css) {
+ css.walk(node => {
+ if (node.type === 'comment') {
+ node.remove();
+ }
+ })
+ }
+ }
+}
+module.exports.postcss = true
diff --git a/core/themes/olivero/css/base/base.css b/core/themes/olivero/css/base/base.css
index d7f37a5f5063..e594db2377f8 100644
--- a/core/themes/olivero/css/base/base.css
+++ b/core/themes/olivero/css/base/base.css
@@ -10,19 +10,6 @@
* Generic base elements.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
*,
*:before,
*:after {
diff --git a/core/themes/olivero/css/base/fonts.css b/core/themes/olivero/css/base/fonts.css
index ce5dd4445d33..c3d6206fc0f5 100644
--- a/core/themes/olivero/css/base/fonts.css
+++ b/core/themes/olivero/css/base/fonts.css
@@ -10,19 +10,6 @@
* Base Fonts.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
@font-face {
font-family: metropolis;
src: url("../../fonts/metropolis/Metropolis-Regular.woff2") format("woff2");
diff --git a/core/themes/olivero/css/base/variables.css b/core/themes/olivero/css/base/variables.css
index 44e3761454cb..efffc302ff20 100644
--- a/core/themes/olivero/css/base/variables.css
+++ b/core/themes/olivero/css/base/variables.css
@@ -9,19 +9,6 @@
Global CSS custom properties.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
/* stylelint-disable */
:root {
diff --git a/core/themes/olivero/css/components/action-links.css b/core/themes/olivero/css/components/action-links.css
index 546b8da323de..69752682e633 100644
--- a/core/themes/olivero/css/components/action-links.css
+++ b/core/themes/olivero/css/components/action-links.css
@@ -8,14 +8,6 @@
* @file
* Styles for action links.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-/* Navigation related breakpoints */
-/* Grid related breakpoints */
-/* Grid shifts from 6 to 14 columns. */
-/* Width of the entire grid maxes out. */
.action-links {
margin-block: 0;
margin-inline-start: 0;
diff --git a/core/themes/olivero/css/components/ajax-progress.module.css b/core/themes/olivero/css/components/ajax-progress.module.css
index 7e322111cddb..ff453ce7689c 100644
--- a/core/themes/olivero/css/components/ajax-progress.module.css
+++ b/core/themes/olivero/css/components/ajax-progress.module.css
@@ -10,19 +10,6 @@
* Visual styles for ajax-progress throbber.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.ajax-progress {
display: inline-block;
}
diff --git a/core/themes/olivero/css/components/autocomplete-loading.module.css b/core/themes/olivero/css/components/autocomplete-loading.module.css
index b2dd400259c1..4ab806d55d8f 100644
--- a/core/themes/olivero/css/components/autocomplete-loading.module.css
+++ b/core/themes/olivero/css/components/autocomplete-loading.module.css
@@ -10,19 +10,6 @@
* Visual styles for autocomplete input field.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
[type].form-autocomplete {
padding-inline-end: var(--sp3);
background-color: var(--color--white);
diff --git a/core/themes/olivero/css/components/block.css b/core/themes/olivero/css/components/block.css
index de2ab639f00e..b546977f96cd 100644
--- a/core/themes/olivero/css/components/block.css
+++ b/core/themes/olivero/css/components/block.css
@@ -10,19 +10,6 @@
* Block styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.block__title {
margin-block: 0 var(--sp);
letter-spacing: 0.02em;
diff --git a/core/themes/olivero/css/components/book.css b/core/themes/olivero/css/components/book.css
index cfbf2857d4a1..ae10957267c8 100644
--- a/core/themes/olivero/css/components/book.css
+++ b/core/themes/olivero/css/components/book.css
@@ -10,19 +10,6 @@
* Book module styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.book-pager {
display: flex;
flex-wrap: wrap;
diff --git a/core/themes/olivero/css/components/breadcrumb.css b/core/themes/olivero/css/components/breadcrumb.css
index ab7ddd076fa3..e24c9cab9e01 100644
--- a/core/themes/olivero/css/components/breadcrumb.css
+++ b/core/themes/olivero/css/components/breadcrumb.css
@@ -10,19 +10,6 @@
* Breadcrumb region.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.breadcrumb {
position: relative;
font-size: 0.875rem;
diff --git a/core/themes/olivero/css/components/button.css b/core/themes/olivero/css/components/button.css
index 702a5902b2de..87f0fe7902fc 100644
--- a/core/themes/olivero/css/components/button.css
+++ b/core/themes/olivero/css/components/button.css
@@ -10,19 +10,6 @@
* Buttons.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.button {
display: inline-block;
height: var(--sp3);
diff --git a/core/themes/olivero/css/components/comments.css b/core/themes/olivero/css/components/comments.css
index 648c8dd9a091..5526b97a52b0 100644
--- a/core/themes/olivero/css/components/comments.css
+++ b/core/themes/olivero/css/components/comments.css
@@ -10,19 +10,6 @@
* Comment section and individual comments.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--comment-indentation: var(--sp2);
--comment-indentation--md: var(--sp4);
diff --git a/core/themes/olivero/css/components/content-moderation.css b/core/themes/olivero/css/components/content-moderation.css
index 26f310b55db0..b298af1edb03 100644
--- a/core/themes/olivero/css/components/content-moderation.css
+++ b/core/themes/olivero/css/components/content-moderation.css
@@ -10,19 +10,6 @@
* Styles for content moderation toolbar.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.entity-moderation-form {
flex-direction: column;
padding-inline-start: var(--sp);
diff --git a/core/themes/olivero/css/components/details.css b/core/themes/olivero/css/components/details.css
index 798dd669a1bc..aa15bda351af 100644
--- a/core/themes/olivero/css/components/details.css
+++ b/core/themes/olivero/css/components/details.css
@@ -10,19 +10,6 @@
* Collapsible details.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--details-border-width: 1px;
--details-summary-transition: background-color 0.12s ease-in-out;
diff --git a/core/themes/olivero/css/components/embedded-media.css b/core/themes/olivero/css/components/embedded-media.css
index 9abf9acb6676..4b5630776359 100644
--- a/core/themes/olivero/css/components/embedded-media.css
+++ b/core/themes/olivero/css/components/embedded-media.css
@@ -10,19 +10,6 @@
* Embedded Media.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
figure {
background: var(--color--gray-100);
}
diff --git a/core/themes/olivero/css/components/feed.css b/core/themes/olivero/css/components/feed.css
index 013c1070e667..1b15596d9034 100644
--- a/core/themes/olivero/css/components/feed.css
+++ b/core/themes/olivero/css/components/feed.css
@@ -10,19 +10,6 @@
* RSS feed.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.feed-icon {
display: flex;
align-items: center;
diff --git a/core/themes/olivero/css/components/field.css b/core/themes/olivero/css/components/field.css
index 71cc1cb9fcf5..579ca573a102 100644
--- a/core/themes/olivero/css/components/field.css
+++ b/core/themes/olivero/css/components/field.css
@@ -10,19 +10,6 @@
* Visual styles for fields.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.field:not(:last-child) {
margin-block-end: var(--sp2);
}
diff --git a/core/themes/olivero/css/components/fieldset.css b/core/themes/olivero/css/components/fieldset.css
index 4e15db16c7f8..b92dd9d18d4e 100644
--- a/core/themes/olivero/css/components/fieldset.css
+++ b/core/themes/olivero/css/components/fieldset.css
@@ -10,19 +10,6 @@
* Fieldset.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.fieldset {
min-width: 0;
margin-block: var(--sp1);
diff --git a/core/themes/olivero/css/components/footer.css b/core/themes/olivero/css/components/footer.css
index c14c18e96e66..9a876646230d 100644
--- a/core/themes/olivero/css/components/footer.css
+++ b/core/themes/olivero/css/components/footer.css
@@ -10,19 +10,6 @@
* Footer regions.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.site-footer {
position: relative; /* stack above left social bar */
color: var(--color--gray-65);
diff --git a/core/themes/olivero/css/components/form-boolean.css b/core/themes/olivero/css/components/form-boolean.css
index 94bf42be3cfb..f108fbdb26d6 100644
--- a/core/themes/olivero/css/components/form-boolean.css
+++ b/core/themes/olivero/css/components/form-boolean.css
@@ -10,19 +10,6 @@
* Checkbox and radio input elements.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
diff --git a/core/themes/olivero/css/components/form-select.css b/core/themes/olivero/css/components/form-select.css
index 3108729ecf7e..464855db2995 100644
--- a/core/themes/olivero/css/components/form-select.css
+++ b/core/themes/olivero/css/components/form-select.css
@@ -10,19 +10,6 @@
* Select input elements.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--form-element-select-icon: url("data:image/svg+xml,%3csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 1.49699C18 1.35271 17.9279 1.19038 17.8196 1.08216L16.9178 0.18036C16.8096 0.0721439 16.6473 0 16.503 0C16.3587 0 16.1964 0.0721439 16.0882 0.18036L9 7.26854L1.91182 0.18036C1.80361 0.0721439 1.64128 0 1.49699 0C1.33467 0 1.19038 0.0721439 1.08216 0.18036L0.180361 1.08216C0.0721442 1.19038 0 1.35271 0 1.49699C0 1.64128 0.0721442 1.80361 0.180361 1.91182L8.58517 10.3166C8.69339 10.4248 8.85571 10.497 9 10.497C9.14429 10.497 9.30661 10.4248 9.41483 10.3166L17.8196 1.91182C17.9279 1.80361 18 1.64128 18 1.49699Z' fill='%235D7585'/%3e%3c/svg%3e");
}
diff --git a/core/themes/olivero/css/components/form-text.css b/core/themes/olivero/css/components/form-text.css
index ee052422d45f..294e289ae46a 100644
--- a/core/themes/olivero/css/components/form-text.css
+++ b/core/themes/olivero/css/components/form-text.css
@@ -10,19 +10,6 @@
* Text input elements.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
[type="color"],
[type="date"],
[type="datetime-local"],
diff --git a/core/themes/olivero/css/components/form-textarea.css b/core/themes/olivero/css/components/form-textarea.css
index 9efbb5cdf8ad..0946b75b92b4 100644
--- a/core/themes/olivero/css/components/form-textarea.css
+++ b/core/themes/olivero/css/components/form-textarea.css
@@ -10,19 +10,6 @@
* Textarea.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
textarea {
display: block;
width: 100%;
diff --git a/core/themes/olivero/css/components/form.css b/core/themes/olivero/css/components/form.css
index 432b287ee3f5..74663a052c96 100644
--- a/core/themes/olivero/css/components/form.css
+++ b/core/themes/olivero/css/components/form.css
@@ -10,19 +10,6 @@
* Main form and form item styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
::placeholder {
color: var(--color--gray-60);
}
diff --git a/core/themes/olivero/css/components/forum.css b/core/themes/olivero/css/components/forum.css
index eb388c836c24..c190f55791cf 100644
--- a/core/themes/olivero/css/components/forum.css
+++ b/core/themes/olivero/css/components/forum.css
@@ -10,19 +10,6 @@
* Forum specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.forum table {
width: 100%;
}
diff --git a/core/themes/olivero/css/components/header-buttons-mobile.css b/core/themes/olivero/css/components/header-buttons-mobile.css
index 1a4cf635654d..833b7aa2c9a7 100644
--- a/core/themes/olivero/css/components/header-buttons-mobile.css
+++ b/core/themes/olivero/css/components/header-buttons-mobile.css
@@ -10,19 +10,6 @@
* Header Mobile Buttons.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.mobile-buttons {
margin-block-start: var(--sp0-5);
margin-inline-start: auto;
diff --git a/core/themes/olivero/css/components/header-navigation.css b/core/themes/olivero/css/components/header-navigation.css
index a0fe51fb0861..28336459bf6e 100644
--- a/core/themes/olivero/css/components/header-navigation.css
+++ b/core/themes/olivero/css/components/header-navigation.css
@@ -10,19 +10,6 @@
* Navigation in header.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.header-nav {
position: fixed;
z-index: 501; /* Appear above overlay and contextual links in header. */
diff --git a/core/themes/olivero/css/components/header-search-narrow.css b/core/themes/olivero/css/components/header-search-narrow.css
index 15edab40f291..558c97a032aa 100644
--- a/core/themes/olivero/css/components/header-search-narrow.css
+++ b/core/themes/olivero/css/components/header-search-narrow.css
@@ -10,19 +10,6 @@
* Header Search Narrow Block.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.block-search-narrow {
margin-inline: calc(-1 * var(--sp));
margin-block-end: var(--sp2);
diff --git a/core/themes/olivero/css/components/header-search-wide.css b/core/themes/olivero/css/components/header-search-wide.css
index 104b8f5a197c..1b82b4240762 100644
--- a/core/themes/olivero/css/components/header-search-wide.css
+++ b/core/themes/olivero/css/components/header-search-wide.css
@@ -10,19 +10,6 @@
* Header Search Wide Block.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
/* Override contextual links so we can position against .site-header. */
.block-search-wide.contextual-region {
diff --git a/core/themes/olivero/css/components/header-site-branding.css b/core/themes/olivero/css/components/header-site-branding.css
index 82b092357a17..0e0335863ac3 100644
--- a/core/themes/olivero/css/components/header-site-branding.css
+++ b/core/themes/olivero/css/components/header-site-branding.css
@@ -10,19 +10,6 @@
* Site branding in header.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.site-branding {
display: flex;
flex-shrink: 1;
diff --git a/core/themes/olivero/css/components/header-sticky-toggle.css b/core/themes/olivero/css/components/header-sticky-toggle.css
index 2babfb027472..66416e51ca6a 100644
--- a/core/themes/olivero/css/components/header-sticky-toggle.css
+++ b/core/themes/olivero/css/components/header-sticky-toggle.css
@@ -13,19 +13,6 @@
* toggles fixing the header to the top of the viewport.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.sticky-header-toggle {
display: none;
}
diff --git a/core/themes/olivero/css/components/hero.css b/core/themes/olivero/css/components/hero.css
index 885f5f6ef7c5..fdf5bd59d8e8 100644
--- a/core/themes/olivero/css/components/hero.css
+++ b/core/themes/olivero/css/components/hero.css
@@ -10,19 +10,6 @@
* Main Hero.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.hero__content {
grid-column: 1 / 7;
}
diff --git a/core/themes/olivero/css/components/links.css b/core/themes/olivero/css/components/links.css
index 7b724bcdc992..371745e80992 100644
--- a/core/themes/olivero/css/components/links.css
+++ b/core/themes/olivero/css/components/links.css
@@ -10,19 +10,6 @@
* Links component.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.links.inline {
margin-inline-start: 0;
padding-block: 0;
diff --git a/core/themes/olivero/css/components/maintenance-page.css b/core/themes/olivero/css/components/maintenance-page.css
index 2ab8bb07c67f..8639527a70fd 100644
--- a/core/themes/olivero/css/components/maintenance-page.css
+++ b/core/themes/olivero/css/components/maintenance-page.css
@@ -10,19 +10,6 @@
* Maintenance page.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
@media (min-width: 75rem) {
.maintenance-page .site-header__initial {
diff --git a/core/themes/olivero/css/components/messages.css b/core/themes/olivero/css/components/messages.css
index 047ae11bc2d2..444c152aa785 100644
--- a/core/themes/olivero/css/components/messages.css
+++ b/core/themes/olivero/css/components/messages.css
@@ -10,19 +10,6 @@
* Messages.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--messages-icon-size: 2rem;
}
diff --git a/core/themes/olivero/css/components/navigation/menu-sidebar.css b/core/themes/olivero/css/components/navigation/menu-sidebar.css
index 231412a9fc15..d80d2f4bc923 100644
--- a/core/themes/olivero/css/components/navigation/menu-sidebar.css
+++ b/core/themes/olivero/css/components/navigation/menu-sidebar.css
@@ -10,19 +10,6 @@
* Styles for menu placed in sidebar region.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.menu--sidebar {
list-style: 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 97499f5928c2..a4b43889b6c6 100644
--- a/core/themes/olivero/css/components/navigation/nav-button-mobile.css
+++ b/core/themes/olivero/css/components/navigation/nav-button-mobile.css
@@ -10,19 +10,6 @@
* Nav Button Mobile.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.mobile-nav-button {
position: relative;
z-index: 505; /* Appear above mobile nav. */
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-button.css b/core/themes/olivero/css/components/navigation/nav-primary-button.css
index ca4be3275ada..bd95ac4a2a79 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-button.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-button.css
@@ -10,19 +10,6 @@
* Button that expands second level nav when clicked.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.primary-nav__button-toggle {
position: relative;
overflow: hidden;
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
index 248f1186e318..3520beeea753 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
@@ -10,19 +10,6 @@
* Styles for primary navigation when JavaScript is disabled.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--no-js-nav-column-width: 18.75rem;
--no-js-nav-column-gap: var(--sp2);
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-wide.css b/core/themes/olivero/css/components/navigation/nav-primary-wide.css
index b4dc9355bba9..abe5f3cdeef8 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-wide.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-wide.css
@@ -10,19 +10,6 @@
* Nav Primary (wide widths).
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
@media (min-width: 75rem) {
body:not(.is-always-mobile-nav) .primary-nav__menu-item {
flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */
diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css
index 92c7ee6e108d..d3bf9460b33e 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary.css
@@ -10,19 +10,6 @@
* Nav Primary.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.primary-nav__menu {
flex-wrap: wrap;
list-style: none;
diff --git a/core/themes/olivero/css/components/navigation/nav-secondary.css b/core/themes/olivero/css/components/navigation/nav-secondary.css
index a1962e25f151..7e45f14b9db7 100644
--- a/core/themes/olivero/css/components/navigation/nav-secondary.css
+++ b/core/themes/olivero/css/components/navigation/nav-secondary.css
@@ -10,19 +10,6 @@
* Secondary navigation styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.secondary-nav {
letter-spacing: 0.02em;
font-size: var(--font-size-s);
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 c131af07ef18..924340e251c6 100644
--- a/core/themes/olivero/css/components/navigation/wide-nav-expand.css
+++ b/core/themes/olivero/css/components/navigation/wide-nav-expand.css
@@ -10,19 +10,6 @@
* Button which expands the navigation at wide viewport widths.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.wide-nav-expand {
display: none;
}
diff --git a/core/themes/olivero/css/components/node-preview-container.css b/core/themes/olivero/css/components/node-preview-container.css
index 38961fef7041..33e6a9f45618 100644
--- a/core/themes/olivero/css/components/node-preview-container.css
+++ b/core/themes/olivero/css/components/node-preview-container.css
@@ -10,19 +10,6 @@
* Node preview container styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.node-preview-container {
padding-block: 0;
padding-inline-start: var(--sp0-5);
diff --git a/core/themes/olivero/css/components/node-teaser.css b/core/themes/olivero/css/components/node-teaser.css
index f553414f1c9f..29023bf080f4 100644
--- a/core/themes/olivero/css/components/node-teaser.css
+++ b/core/themes/olivero/css/components/node-teaser.css
@@ -10,19 +10,6 @@
* Node Teaser specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.node--view-mode-teaser {
position: relative; /* Anchor after pseudo-element. */
margin-block-end: var(--sp1-5);
diff --git a/core/themes/olivero/css/components/node.css b/core/themes/olivero/css/components/node.css
index 13fb0a098abf..e628cb280cd7 100644
--- a/core/themes/olivero/css/components/node.css
+++ b/core/themes/olivero/css/components/node.css
@@ -10,19 +10,6 @@
* Node specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.node__meta {
display: flex;
align-items: center;
diff --git a/core/themes/olivero/css/components/page-title.css b/core/themes/olivero/css/components/page-title.css
index 4757231c06a0..e8549449f021 100644
--- a/core/themes/olivero/css/components/page-title.css
+++ b/core/themes/olivero/css/components/page-title.css
@@ -10,19 +10,6 @@
* Page title.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.page-title {
/*
Necessary to properly display the star icon from core's shortcut
diff --git a/core/themes/olivero/css/components/pager.css b/core/themes/olivero/css/components/pager.css
index bdad7b05324f..07f247bc3ba0 100644
--- a/core/themes/olivero/css/components/pager.css
+++ b/core/themes/olivero/css/components/pager.css
@@ -10,19 +10,6 @@
* Styles for pagination.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.pager__items {
display: flex;
flex-wrap: wrap;
diff --git a/core/themes/olivero/css/components/powered-by-block.css b/core/themes/olivero/css/components/powered-by-block.css
index a4589810df37..db579eb75047 100644
--- a/core/themes/olivero/css/components/powered-by-block.css
+++ b/core/themes/olivero/css/components/powered-by-block.css
@@ -10,19 +10,6 @@
* Powered by block specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.block-system-powered-by-block {
letter-spacing: 0.02em;
font-size: 0.875rem;
diff --git a/core/themes/olivero/css/components/progress.css b/core/themes/olivero/css/components/progress.css
index 3c1b43f5234f..c204247aed30 100644
--- a/core/themes/olivero/css/components/progress.css
+++ b/core/themes/olivero/css/components/progress.css
@@ -10,19 +10,6 @@
* Progress bar specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.progress__track {
overflow: hidden;
height: var(--sp);
diff --git a/core/themes/olivero/css/components/search-results.css b/core/themes/olivero/css/components/search-results.css
index 2aa9d8181fdd..d6ee7ede442b 100644
--- a/core/themes/olivero/css/components/search-results.css
+++ b/core/themes/olivero/css/components/search-results.css
@@ -10,19 +10,6 @@
* Search results specific styles.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.search-results {
margin-block-end: var(--sp2);
padding-block: 0;
diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css
index 8f8f0daeca2e..77fe65972c0d 100644
--- a/core/themes/olivero/css/components/site-header.css
+++ b/core/themes/olivero/css/components/site-header.css
@@ -10,19 +10,6 @@
* Site header.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.site-header {
position: relative;
/**
diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css
index 41fb1c982708..2f557479aa4c 100644
--- a/core/themes/olivero/css/components/skip-link.css
+++ b/core/themes/olivero/css/components/skip-link.css
@@ -12,19 +12,6 @@
* Allows keyboard users to quickly skip to the main content of the page.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.skip-link {
display: block;
width: 100%;
diff --git a/core/themes/olivero/css/components/table.css b/core/themes/olivero/css/components/table.css
index 3c6dc514f91b..0e8d0152663d 100644
--- a/core/themes/olivero/css/components/table.css
+++ b/core/themes/olivero/css/components/table.css
@@ -10,19 +10,6 @@
* User generated tables.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.forum table,
.text-content table,
.views-table,
diff --git a/core/themes/olivero/css/components/tabledrag.css b/core/themes/olivero/css/components/tabledrag.css
index 363cbfe05a9a..839ae3f414dc 100644
--- a/core/themes/olivero/css/components/tabledrag.css
+++ b/core/themes/olivero/css/components/tabledrag.css
@@ -10,19 +10,6 @@
* Styles for tabledrag.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.draggable:hover {
background-color: var(--color--gray-100);
}
diff --git a/core/themes/olivero/css/components/tabs.css b/core/themes/olivero/css/components/tabs.css
index a2610b313ab0..e4957624a831 100644
--- a/core/themes/olivero/css/components/tabs.css
+++ b/core/themes/olivero/css/components/tabs.css
@@ -4,22 +4,7 @@
* https://www.drupal.org/node/3084859
* @preserve
*/
-
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
/* Breakpoint where tabs switch between vertical and horizontal layouts. */
-
.tabs {
--tabs-height: var(--sp3);
--tabs-padding-inline: var(--sp1-5);
@@ -45,57 +30,45 @@
}
@media (min-width: 43.75rem) {
-
.tabs {
flex-direction: row;
flex-wrap: wrap;
}
}
-
.tabs__tab {
display: none;
margin: 0;
margin-block-end: calc(-1 * var(--tabs-border-width));
}
-
.tabs__tab.is-active {
display: flex;
}
@media (min-width: 43.75rem) {
-
.tabs__tab {
display: flex;
margin-block-end: 0;
margin-inline-start: calc(-1 * var(--tabs-border-width));
}
}
-
/* Show tabs when JavaScript disabled. */
-
html:not(.js) .tabs__tab {
display: flex;
}
-
/* Show tabs when tabs-expanded class is present. */
-
.tabs.is-expanded .tabs__tab {
display: flex;
}
-
/* Secondary tabs will always be expanded. */
-
.tabs--secondary .tabs__tab {
display: block;
}
@media (min-width: 43.75rem) {
-
.tabs--secondary .tabs__tab {
display: flex;
}
}
-
.tabs__link {
display: flex;
flex-grow: 1;
@@ -111,18 +84,15 @@ html:not(.js) .tabs__tab {
background-color: var(--tabs-background-color);
font-size: var(--tabs-font-size);
}
-
.tabs__link:hover {
color: var(--tabs-text-color-active);
background-color: var(--tabs-background-color-hover);
}
-
.tabs__link:focus {
position: relative;
outline: solid 3px var(--tabs-highlight-color);
outline-offset: -3px;
}
-
.tabs__link.is-active {
position: relative; /* Anchor :after pseudo-element. */
color: var(--tabs-text-color-active);
@@ -133,7 +103,6 @@ html:not(.js) .tabs__tab {
* diagonally cut off due to other edges with transparent borders.
*/
}
-
.tabs__link.is-active:after {
position: absolute;
inset-block-start: calc(-1 * var(--tabs-border-width));
@@ -144,7 +113,6 @@ html:not(.js) .tabs__tab {
}
@media (min-width: 43.75rem) {
-
.tabs__link.is-active:after {
inset-block: auto calc(-1 * var(--tabs-border-width));
width: calc(100% + 2 * var(--tabs-border-width));
@@ -153,19 +121,14 @@ html:not(.js) .tabs__tab {
border-inline-start: 0;
}
}
-
/* No regular borders or background color for secondary tab links. */
-
@media (min-width: 43.75rem) {
-
.tabs--secondary .tabs__link {
border-color: transparent;
background-color: transparent;
}
}
-
/* Button that opens and closes primary tabs at narrow viewports. */
-
.tabs__trigger {
display: flex;
align-items: center;
@@ -177,30 +140,24 @@ html:not(.js) .tabs__tab {
border: solid var(--tabs-border-width) var(--tabs-border-color);
background-color: var(--tabs-background-color);
}
-
.tabs__trigger:hover {
background-color: var(--tabs-background-color-hover);
}
-
.tabs__trigger:focus {
position: relative;
border-color: var(--tabs-highlight-color);
outline: none;
}
-
/* Button will not work when JavaScript is disabled, so we hide it. */
-
html:not(.js) .tabs__trigger {
display: none;
}
@media (min-width: 43.75rem) {
-
.tabs__trigger {
display: none;
}
}
-
.tabs__trigger-icon {
position: relative;
display: block;
@@ -208,7 +165,6 @@ html:not(.js) .tabs__trigger {
height: 0.625rem;
margin-block-start: calc(-2 * var(--tabs-border-width));
}
-
.tabs__trigger-icon > span {
position: absolute;
inset-inline-start: 0;
@@ -217,28 +173,22 @@ html:not(.js) .tabs__trigger {
transition: transform var(--tabs-transition-duration), opacity var(--tabs-transition-duration), top var(--tabs-transition-duration);
border-block-start: solid 2px var(--tabs-highlight-color);
}
-
.tabs__trigger-icon > span:nth-child(1) {
inset-block-start: 0;
}
-
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(1)) {
inset-block-start: calc(50% + 1px);
transform: rotate(45deg);
}
-
.tabs__trigger-icon > span:nth-child(2) {
inset-block-start: calc(50% + 1px);
}
-
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(2)) {
opacity: 0;
}
-
.tabs__trigger-icon > span:nth-child(3) {
inset-block-start: calc(100% + 2px);
}
-
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(3)) {
inset-block-start: calc(50% + 1px);
transform: rotate(-45deg);
diff --git a/core/themes/olivero/css/components/tags.css b/core/themes/olivero/css/components/tags.css
index ae6d2e9884f0..f549706585d3 100644
--- a/core/themes/olivero/css/components/tags.css
+++ b/core/themes/olivero/css/components/tags.css
@@ -10,19 +10,6 @@
* Tags field styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.field--tags {
display: flex;
font-family: var(--font-sans);
diff --git a/core/themes/olivero/css/components/text-content.css b/core/themes/olivero/css/components/text-content.css
index 757a2fe6ce0c..1c5992f1697c 100644
--- a/core/themes/olivero/css/components/text-content.css
+++ b/core/themes/olivero/css/components/text-content.css
@@ -10,19 +10,6 @@
* Text Content.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.text-content,
.cke_editable {
color: var(--color-text-neutral-medium);
diff --git a/core/themes/olivero/css/components/vertical-tabs.css b/core/themes/olivero/css/components/vertical-tabs.css
index 600b01a59b71..99840b6883ff 100644
--- a/core/themes/olivero/css/components/vertical-tabs.css
+++ b/core/themes/olivero/css/components/vertical-tabs.css
@@ -10,19 +10,6 @@
* Vertical Tabs.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
:root {
--vertical-tabs-menu-width: 15rem;
--vertical-tabs-menu-border-width: 1px;
diff --git a/core/themes/olivero/css/components/wide-image.css b/core/themes/olivero/css/components/wide-image.css
index 8cf9268faee2..78a844ad168d 100644
--- a/core/themes/olivero/css/components/wide-image.css
+++ b/core/themes/olivero/css/components/wide-image.css
@@ -10,19 +10,6 @@
* Wide image component.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.wide-image {
margin-block-start: var(--sp0-5);
margin-block-end: var(--sp2);
diff --git a/core/themes/olivero/css/layout/grid.css b/core/themes/olivero/css/layout/grid.css
index db96f6d7182b..76747f17645d 100644
--- a/core/themes/olivero/css/layout/grid.css
+++ b/core/themes/olivero/css/layout/grid.css
@@ -10,19 +10,6 @@
* Grid system.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.grid-full {
display: grid;
grid-template-rows: 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 5a20a6614bb0..46ed0046adab 100644
--- a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
@@ -10,19 +10,6 @@
* Provides the layout styles for four-column layout section.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout--fourcol-section {
display: flex;
flex-wrap: wrap;
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 47bc9188ab73..dbd891f11895 100644
--- a/core/themes/olivero/css/layout/layout-builder-threecol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-threecol-section.css
@@ -10,19 +10,6 @@
* Provides the layout styles for three-column layout section.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout--threecol-section {
display: flex;
flex-wrap: wrap;
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 3bbfab805521..50521de0b4d6 100644
--- a/core/themes/olivero/css/layout/layout-builder-twocol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-twocol-section.css
@@ -10,19 +10,6 @@
* Provides the layout styles for two-column layout section.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout--twocol-section {
display: flex;
flex-wrap: wrap;
diff --git a/core/themes/olivero/css/layout/layout-content-medium.css b/core/themes/olivero/css/layout/layout-content-medium.css
index 8999b77cd034..c99f2d9d2588 100644
--- a/core/themes/olivero/css/layout/layout-content-medium.css
+++ b/core/themes/olivero/css/layout/layout-content-medium.css
@@ -10,19 +10,6 @@
* Grid system definition for the content wide layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout--content-medium,
.layout--pass--content-medium > * {
grid-column: 1 / 7;
diff --git a/core/themes/olivero/css/layout/layout-content-narrow.css b/core/themes/olivero/css/layout/layout-content-narrow.css
index a0d88c49b5a0..279adb3afdff 100644
--- a/core/themes/olivero/css/layout/layout-content-narrow.css
+++ b/core/themes/olivero/css/layout/layout-content-narrow.css
@@ -10,19 +10,6 @@
* Grid system definition for the content narrow layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout--content-narrow,
.layout--pass--content-narrow > * {
grid-column: 1 / 7;
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 08946c013034..384deb4f4406 100644
--- a/core/themes/olivero/css/layout/layout-discovery-section-layout.css
+++ b/core/themes/olivero/css/layout/layout-discovery-section-layout.css
@@ -10,19 +10,6 @@
* Provides default layout styles for all layout sections.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.layout {
margin-block-end: var(--sp);
}
diff --git a/core/themes/olivero/css/layout/layout-footer.css b/core/themes/olivero/css/layout/layout-footer.css
index 1d3d9a03fedb..942f970b6233 100644
--- a/core/themes/olivero/css/layout/layout-footer.css
+++ b/core/themes/olivero/css/layout/layout-footer.css
@@ -10,19 +10,6 @@
* Grid system definition for the footer top and footer bottom layouts.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
/**
* Creates stacking context ensuring that child elements can never appear in
* front of mobile navigation.
diff --git a/core/themes/olivero/css/layout/layout-sidebar.css b/core/themes/olivero/css/layout/layout-sidebar.css
index 4df419595bd1..c033ceeb72ee 100644
--- a/core/themes/olivero/css/layout/layout-sidebar.css
+++ b/core/themes/olivero/css/layout/layout-sidebar.css
@@ -10,19 +10,6 @@
* Special grid system for sidebar.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.sidebar-grid > .site-main {
grid-column: 1 / 7;
align-self: flex-start;
diff --git a/core/themes/olivero/css/layout/layout-views-grid.css b/core/themes/olivero/css/layout/layout-views-grid.css
index 0c9a753fcc48..42c5c2ae634b 100644
--- a/core/themes/olivero/css/layout/layout-views-grid.css
+++ b/core/themes/olivero/css/layout/layout-views-grid.css
@@ -14,19 +14,6 @@
* they reach the --views-grid-item--min-width value.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.views-view-grid {
--views-grid--layout-gap: var(--sp);
--views-grid--column-count: 4; /* Will be overridden by an inline style. */
diff --git a/core/themes/olivero/css/layout/layout.css b/core/themes/olivero/css/layout/layout.css
index ca782664e855..81019972b17f 100644
--- a/core/themes/olivero/css/layout/layout.css
+++ b/core/themes/olivero/css/layout/layout.css
@@ -10,19 +10,6 @@
* Base Layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.container {
width: 100%;
max-width: var(--max-width);
diff --git a/core/themes/olivero/css/layout/region-content-below.css b/core/themes/olivero/css/layout/region-content-below.css
index 3d8ca118f8a2..ee0321852cc6 100644
--- a/core/themes/olivero/css/layout/region-content-below.css
+++ b/core/themes/olivero/css/layout/region-content-below.css
@@ -10,19 +10,6 @@
* Content below region layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
@media (min-width: 43.75rem) {
.region--content-below {
diff --git a/core/themes/olivero/css/layout/region-content.css b/core/themes/olivero/css/layout/region-content.css
index 6944de2057f3..330cff5bf037 100644
--- a/core/themes/olivero/css/layout/region-content.css
+++ b/core/themes/olivero/css/layout/region-content.css
@@ -10,19 +10,6 @@
* Content region layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.region--content {
margin-block-end: var(--sp);
}
diff --git a/core/themes/olivero/css/layout/region-hero.css b/core/themes/olivero/css/layout/region-hero.css
index 64c731f43c56..f739ad92bbf6 100644
--- a/core/themes/olivero/css/layout/region-hero.css
+++ b/core/themes/olivero/css/layout/region-hero.css
@@ -10,19 +10,6 @@
* Region default layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.region--hero > *:last-child {
margin-block-end: 0;
}
diff --git a/core/themes/olivero/css/layout/region-secondary-menu.css b/core/themes/olivero/css/layout/region-secondary-menu.css
index ec18a6abaef2..31d3cd4ee935 100644
--- a/core/themes/olivero/css/layout/region-secondary-menu.css
+++ b/core/themes/olivero/css/layout/region-secondary-menu.css
@@ -10,19 +10,6 @@
* Secondary menu region layout styling.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.region--secondary-menu {
display: flex;
margin-block-start: var(--sp2);
diff --git a/core/themes/olivero/css/layout/region.css b/core/themes/olivero/css/layout/region.css
index 0352e1445b0c..1caee89f53e4 100644
--- a/core/themes/olivero/css/layout/region.css
+++ b/core/themes/olivero/css/layout/region.css
@@ -10,19 +10,6 @@
* Region default layout.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.region > * {
margin-block-end: var(--sp);
}
diff --git a/core/themes/olivero/css/layout/social-bar.css b/core/themes/olivero/css/layout/social-bar.css
index 99524072609a..4d97c9dd0261 100644
--- a/core/themes/olivero/css/layout/social-bar.css
+++ b/core/themes/olivero/css/layout/social-bar.css
@@ -11,19 +11,6 @@
.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
@media (min-width: 75rem) {
.social-bar {
diff --git a/core/themes/olivero/css/layout/views.css b/core/themes/olivero/css/layout/views.css
index b89d808e21dc..a9544b32abc6 100644
--- a/core/themes/olivero/css/layout/views.css
+++ b/core/themes/olivero/css/layout/views.css
@@ -10,19 +10,6 @@
* Styles for views.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
.view > * {
margin-block-end: var(--sp2);
}
diff --git a/core/themes/olivero/css/theme/filter.theme.css b/core/themes/olivero/css/theme/filter.theme.css
index 8d6652099339..ac53a010e27e 100644
--- a/core/themes/olivero/css/theme/filter.theme.css
+++ b/core/themes/olivero/css/theme/filter.theme.css
@@ -10,19 +10,6 @@
* Styling for the Filter module.
*/
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
/**
* Filter information under field.
*/
--
GitLab