CSS "@supports" in view.css for Block Template
Permalink
Hello all,
I was hoping to leverage the newer "@supports" CSS keyword/functionality in a block's template view.css, but I've found that the resulting single CSS file containing all the block views (which is created by Concrete5). Specifically I am trying to include something like:
...however the resulting CSS from the cache file contains the opening "@supports (display: grid) {" but does not close the block.
Is there a way to correctly encode this CSS "@supports" directly? ...can I specify that this one view.css not be included in the generated cache CSS file? ...is there a way to tell the cache compiler (is it Less?) to ignore/pass-thru a section of code?
Many thanks in advance!
Cheers,
Alex
I was hoping to leverage the newer "@supports" CSS keyword/functionality in a block's template view.css, but I've found that the resulting single CSS file containing all the block views (which is created by Concrete5). Specifically I am trying to include something like:
@supports (display: grid) { }
...however the resulting CSS from the cache file contains the opening "@supports (display: grid) {" but does not close the block.
Is there a way to correctly encode this CSS "@supports" directly? ...can I specify that this one view.css not be included in the generated cache CSS file? ...is there a way to tell the cache compiler (is it Less?) to ignore/pass-thru a section of code?
Many thanks in advance!
Cheers,
Alex
In case anyone runs into this issue, I have narrowed it down to the "CSS and JavaScript Cache" in the "Cache & Speed Settings". The problem disappears when this setting is turned off, which implies that it's the process of minifying/combining the CSS files which is causing this issue - as per:
https://documentation.concrete5.org/developers/designing-for-concret...
Does anyone know what the underlying system used to minify the CSS might be?
Thanks,
Alex