diff --git a/core/package.json b/core/package.json
index e06958b4cefe7ceb192bbea1acc5b617dc59c388..5aa7f6025b899ce484b716ef269db07f883edec0 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 fe52555a777bdbb3417c88490614b26f9c6e2967..1d984f05cdd6fd608e30099c72f5cbacae4d85f2 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 0000000000000000000000000000000000000000..bedbb347977f7c6f2b9806378f333f168eddc113
--- /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 d7f37a5f50631aa493e9dd14ca7a33b508ada92f..e594db2377f884e7724848ed11cd743ad464c4bc 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 ce5dd4445d3301b006dd9b6d96dbabd31ea23272..c3d6206fc0f5c9b9d51aecb65c95545dc9236464 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 44e3761454cb877134c6d026b84b501ea5cb76ff..efffc302ff2007786f8251f51908988b8faccd6c 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 546b8da323deeb67a89d950ce1ba25d68ec28af7..69752682e633e9a59ad465034bee915815bd1393 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 7e322111cddb7972e0a2deeb78a858bf7564de3c..ff453ce7689c9303a4f47e031f759db85eba4117 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 b2dd400259c18c5164dba18a4fc864332d136e62..4ab806d55d8fd3b76f40a2a7f150cd8dc5eb4acf 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 de2ab639f00ebb914261912a6f94f1a0a2bfc467..b546977f96cd43dfa1686c63c849a0bc1ecf5d4f 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 cfbf2857d4a16c9190eb9ef8b37280251274e60e..ae10957267c8911ca0aa78ed5620b8142c5f904d 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 ab7ddd076fa3c23993e090e8d55e3e594dc39047..e24c9cab9e01689d28bf5370209866153360338c 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 702a5902b2ded5ff5a906479c04708fb3b0afda7..87f0fe7902fc6ac4e001ffcce9e56256e6edf609 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 648c8dd9a0919cd5ef707f1d1dfc2c0940c1bb21..5526b97a52b0c60eb2e6be1636270e280ef7223b 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 26f310b55db03956f14974e6a3617c56dc255368..b298af1edb03962d07bfc7a4f9341d7d0d4d3e87 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 798dd669a1bc08ce413a06f87db9e3440b29ac29..aa15bda351aff21424b5809776b6d6ea31a9ed6c 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 9abf9acb667678a960abf3d4335a85c9bae024dd..4b56307763598eb1e618f648304dc75d9c6ecfca 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 013c1070e6675e84e009fd95fe74530eaa84bec5..1b15596d9034d7c81d5afb41eefcb7e7aa74c10e 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 71cc1cb9fcf561f17cec86bbadd8f6da23acc78b..579ca573a102ca502cd47a58c228551cb9c22751 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 4e15db16c7f8fd45fc697690558d3e19a6d61e5f..b92dd9d18d4e141b7ef25f9c94057ccb31964dfd 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 c14c18e96e662f0db1d70ad460f61d880bf81597..9a876646230d7db731ae3a6e8903b6eee5e2cd84 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 94bf42be3cfb92d878558bc00c5b18ec1f22ee2c..f108fbdb26d6e2852058ad2b5b5b4f030bbd9563 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 3108729ecf7e84ce433c404988b35b1daf99acd8..464855db2995cee41cd885efb7491827cdf81542 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 ee052422d45f16594b91402016fa523b12ad7964..294e289ae46a339ae80b75fc823331b0c0feee3c 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 9efbb5cdf8addcc5c6bab29479cdf9def581067a..0946b75b92b49005bff457c2705c767b011c90dc 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 432b287ee3f558e18364d37bda3d964386e4e60b..74663a052c96ec74b33e21ecb756d7d42c8808db 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 eb388c836c24fe14d893aa23753136c53a10cf34..c190f55791cfad1c407c01e18c972d1440354898 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 1a4cf635654d17b33b2578b67dd8bfa4d85d3d61..833b7aa2c9a735d735852d42637a665cd74a6b45 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 a0fe51fb08615ab16b585967c1a41192268a6407..28336459bf6e782626404a9d5e724d137a8633e6 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 15edab40f2916e1e942aa59aa79abf64af0beed6..558c97a032aad243cc70b5c038c7c64ea943813e 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 104b8f5a197ca07c3dcd131d93ecafe846f13cbb..1b82b42407620f5bf4ad18c88439209cee3cba3d 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 82b092357a178140c25deca1bd4738136e198593..0e0335863ac395c50f2daafd6ff8001bf00ddb42 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 2babfb027472e998e0d5af87846227e668a0c754..66416e51ca6ab76cbb735962dca32d763b4304b8 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 885f5f6ef7c51cc80f529bfec24ccd7201fcede4..fdf5bd59d8e88dd6f2dd55476b908ca12ff3feff 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 7b724bcdc992ebaedd398474837bc2497a54076e..371745e80992721a7bc06d913d7d7179ef5d79a4 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 2ab8bb07c67fdc8db3a240d7e6105a68f34e8017..8639527a70fd8672fe212d1a22c9e6460bdab227 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 047ae11bc2d230ddf6dbbbca715ba5a967e5abfa..444c152aa7858b236351e523009deb54d029a4de 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 231412a9fc15d279c1ad9763887e6eaf18812026..d80d2f4bc9238e54418c0cb7a6ec7eb33ac26742 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 97499f5928c29107b7dbedff851330c39a503778..a4b43889b6c6ec375be438db1d767da7f7f3c2a0 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 ca4be3275ada688788477f16527605448fe893b2..bd95ac4a2a79c0a62a75511d6f404de01b505471 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 248f1186e31841a165acd046b466d23edf52f9c6..3520beeea753b127ae4ca0fb48cb365754cf2742 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 b4dc9355bba9a601f9544dbed8fed72e6b4a9a3b..abe5f3cdeef8191cd8a6a04a8790a7f7523fef0f 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 92c7ee6e108d45196c17eee41bb3450658f000aa..d3bf9460b33e94c40a162e1df65c3994b5c53fd1 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 a1962e25f15118acb7f2ddfeaf7b0a82e6b1aeea..7e45f14b9db7f6dbbdc1e548b007805e217e42e0 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 c131af07ef18af63b0a9301ff2c1a7d6d8b38039..924340e251c69b25f84cb799ec99c7cdf5a026f8 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 38961fef7041a9fbe00ee03c4ce1c97bdd7f7f5e..33e6a9f45618165835dd45aede84236cc5ab2d15 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 f553414f1c9fb786aeb55aac07fbde9d8291f9bc..29023bf080f4c0cc4e1ed12991e8c9e1deb5b0ee 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 13fb0a098abf0db5ea3019350ff68036c595d91a..e628cb280cd78c86b5443715bb42ff4929f9be0d 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 4757231c06a03a97b262a4dae201a2d756b4076b..e8549449f021c5eb4b065ac4202158337af3d4ea 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 bdad7b05324f6d5c493f03290c7bdf7bb05dcf58..07f247bc3ba0533a751ea2148b515cc0098ba041 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 a4589810df379d46e57d42f92081e93d106315c1..db579eb75047c9882058bf537a79eced830cbbb1 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 3c1b43f5234f4da4f24c38a45f9665da94cad7f9..c204247aed3076701b820d1d956b34e52098415f 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 2aa9d8181fddf8237bdc9ab8049c4e3f4cb7ceb4..d6ee7ede442be88730e7c2d137e342ccea32db0b 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 8f8f0daeca2ef25a897061cc9468b241e4c62608..77fe65972c0d3c4a55c5f408b845993f9677ecb4 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 41fb1c98270866d1053940ae34329a86c8cf8084..2f557479aa4c83e8568a53c49d89a7715f51dcb3 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 3c6dc514f91bc9ce5dc1fef4eaea333be183e4cc..0e8d0152663d82ec4c84d978d838b38f8ece3321 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 363cbfe05a9a6a8e6d314ac5356ff4172fa60353..839ae3f414dccdb3c7838076be2acbec1bf3ec82 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 a2610b313ab0f5263540ac55a256c1f59989b0d2..e4957624a831ced3efd0d72abc8a6e54cba6bef5 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 ae6d2e9884f05fa3579fea3248a097e77311e808..f549706585d31c30152a4947377ea86371e60727 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 757a2fe6ce0c7baa64776a784cb4637123db4fb7..1c5992f1697c423892b3427f9eff66a22c920e7d 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 600b01a59b713252ac4ad02b0abb5e8f701cc025..99840b6883ff5a1715a7b0610cb5e8718974e8b3 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 8cf9268faee282427d31dadde21f37ccdb5bfb33..78a844ad168d08b9251dd07c22eb762fcc756cfa 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 db96f6d7182b7a14e3de689b8e2f1d3512691e6c..76747f17645d345f30f7c340ac3d0c3e0ef2312a 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 5a20a6614bb0c303ad994af237345be488443141..46ed0046adabfb786b79c07e935c31f0ba763d6c 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 47bc9188ab735cffaa05def414323df0824028b4..dbd891f11895d6161e7bef1c2dcde8e6764e36fc 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 3bbfab80552140ffcc5049ce0873bb8b9638c995..50521de0b4d67cc1833d8334145d27830496cb74 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 8999b77cd0348aef8ad67211f5315054565636bf..c99f2d9d2588ed1e7a210d3e9067ed4222a358a3 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 a0d88c49b5a06fc2f568d558cc0db877a650cd1a..279adb3afdff19d310997aadca1dd53dccfb427d 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 08946c013034fad1d15c5d5deb3cbe6bba57b615..384deb4f440669fa76d4cde5cb6c7c562ec8374f 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 1d3d9a03fedb989768b37a4cf6580efcc551a255..942f970b6233dbdde6649ba769a4930972e05edc 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 4df419595bd1caf033c884499683623ef073a46f..c033ceeb72ee6fdb0e267dbc4d4dbdc8251106b7 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 0c9a753fcc48a8c699fdd821f1e0684d2d6f4ad6..42c5c2ae634b7ce21df18019a0ac4d4f25da8976 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 ca782664e855bdf71e8515d9522cbc909e1a8888..81019972b17f03bc3037fec5f1ffa2e8e2775dae 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 3d8ca118f8a23df30448d8080605b1fcba82564c..ee0321852cc6092e58a4d05f3182ceb4764d4f5a 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 6944de2057f31f4f681a0a8956a53a3bbef2f2b0..330cff5bf037c4fc51e7a4539e8757f32255330c 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 64c731f43c565bb6e53ab433390521dac4e03dfa..f739ad92bbf682882bb09d4e628ae06c7c9dfff8 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 ec18a6abaef22ae3d66b5cf278ea791914aa598e..31d3cd4ee935953ac313900543c75f6e73212c66 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 0352e1445b0cf55752083918d5bc094ce2b8c983..1caee89f53e408f0e15555c4f7e7556a038ec385 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 99524072609a9c6efae684a1ca5b7012b03314d8..4d97c9dd026115142adbde2240e2131186de16be 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 b89d808e21dc5e5061794d93f111f148de132048..a9544b32abc6ba250820f1fb106ca48da1669680 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 8d66520993396c5ae3c02b02df156cf8030df231..ac53a010e27e5ab7af11921a23f9c3faf268d48c 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.
*/