adobe/css-tools

@import does not work if url contains ';'

Closed this issue · 3 comments

steffanhalv commented

Expected Behaviour

This should be parsed correctly

let demo = cssCompiler.parse(`
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
.test {
  background: red;
  font-family: 'Zen Kaku Gothic New', sans-serif;
}
`)

console.log('demo', demo)

Actual Behaviour

`@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300``

Becomes the first declaration and 400;500;700;900&display=swap')the second.

Reproduce Scenario (including but not limited to)

Steps to Reproduce

Run the code above

Platform and Version

4.0.1

Sample Code that illustrates the problem

Look ahead

Logs taken while reproducing problem

N/A

holblin commented

Hi @steffanhalv , could you check if this PR fixes your problems?

  • #88
    I plan to merge it within a week if I found no issues with it.
steffanhalv commented

Yes, thx it does :)

  • 👍1
holblin commented

The new version is published in npm 👍
Thanks for the report! It was much appreciated :-)