How to combine CSS files by using media queries?

Created on 27 July 2021, over 3 years ago
Updated 30 May 2023, over 1 year ago

Hello,

I have a basic question to make sure I understand the "Combine CSS files by using media queries" setting correctly.
Its setting description says:

Will combine more CSS files together because different CSS media types can be used in the same file by using media queries.

Do understand it correctly that if I enable this setting, the module will generate CSS files based on @media queries? For example:

<link rel="stylesheet" media="all" href="/sites/default/files/css/css_01.css">
<link rel="stylesheet" media="screen and (min-width:768px)" href="/sites/default/files/css/css_02.css">
<link rel="stylesheet" media="screen and (min-width:1024px)" href="/sites/default/files/css/css_03.css">

The setting description also says:

Use cores grouping logic needs to be unchecked in order for this to work. ...

Where do I find the "cores grouping logic" to disable it?

Is there anything else I need to enable/disable (bundler, ...)?

Currently, when I enable the setting "Combine CSS files by using media queries" and clear all caches, I don't see any difference in the css files.

Maybe I'm missing something trivial.

I'd really appreciate help on this topic. :)

💬 Support request
Status

Active

Version

4.1

Component

Compression/Minification

Created by

🇩🇪Germany design.er

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024