should not remove spaces in calc() function

Question

should not remove spaces in calc() function

Closed this issue 8 years ago · 4 comments

Spaces are mandatory inside CSS calc() function, and should not be removed in inlining.

To reproduce:

const inlineCss = require('inline-css');
const html = `
  <style>
    div{width: calc(100% - 20px);}
  </style>
  <div/>
`;

inlineCss(html, {url: '/'}).then(function(html) { console.log(html); });
// => <div style="width: calc(100%-20px);"></div>

Answer 1 · 2016-12-15T16:01:42.000Z

Related: jonkemp/gulp-inline-css#37

Answer 2 · 2017-01-18T15:34:28.000Z

The issue is in this module:

https://github.com/NV/CSSOM

I've created an issue for this here.

NV/CSSOM#86

Answer 3 · 2017-01-20T19:14:20.000Z

The issue in CCSOM was fixed so it should be available in their next release.

Answer 4 · 2017-01-26T03:06:50.000Z

I'm closing this as it's been resolved in the latest release of the cssom module. If you update your dependencies, it should work. If it's not working, make sure you have cssom 0.3.2.