Code in seperate css file :
.circle-background{background-image:url("../../assets/images/PC_slices/形状结合@2x(1).png"),url("../../assets/images/PC_slices/形状结合备份@2x.png");
After merge:
.circle-background{background-image:url(/profiles/custom/laulawyer/themes/custom/laulawyer_tip_off/assets/images/PC_slices/%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88%402x%281).png"),url(/profiles/custom/laulawyer/themes/custom/laulawyer_tip_off/assets/images/PC_slices/%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88%E5%A4%87%E4%BB%BD%402x.png);
We notice that the aggregation process treat multi urls as a single url value, there is a redundant quotation mark in the end of the first url value.
This cause the style code after that quotation mark lose efficacy.
Comments
Comment #2
司南 commentedComment #3
司南 commentedComment #6
longwaveReassigning to asset library component, as that is where CSS aggregation issues belong. I looked for duplicates but couldn't find an exact match. This probably needs a test case writing first and then a fix can be found from there.
Comment #7
longwaveComment #8
nod_giving strong vibes of related #2936067: CSS aggregation fails on many variations of @import
I think the regex to fix is here: https://git.drupalcode.org/project/drupal/-/commit/7374845dcbbe31e24244b...
Or we could also look at having a proper css parser in a followup to avoid having to mess with regexes :p