jonkemp / jonkemp/inline-css

nested @page in @media causes errors

Open
#78 3 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
438
Forks
77
PR merge metrics
No merged PRs in 30d

Description

```
const inlineCSS = require('inline-css');

var input =
`
@media print {
@page {
.root-element {
size: a3;
}
}
}


Test Page
`;

inlineCSS(input,{url:' '}).then(function(html) {
console.log(html);
}).catch(function(error) {
console.error(error);
});
```

Output:
```
Error: Error: Unexpected } (line 8, char 3)
at module.exports (/Users/ryleyb/src/vue/node_modules/inline-css/lib/inline-css.js:69:15)
at /Users/ryleyb/src/vue/node_modules/inline-css/lib/inlineContent.js:25:27
at /Users/ryleyb/src/vue/node_modules/extract-css/index.js:39:16
at /Users/ryleyb/src/vue/node_modules/batch/index.js:161:14
at _combinedTickCallback (internal/process/next_tick.js:131:7)
at process._tickCallback (internal/process/next_tick.js:180:9)
at Function.Module.runMain (module.js:611:11)
at startup (bootstrap_node.js:158:16)
at bootstrap_node.js:578:3
```

I don't need or expect any particular result of trying to inline this CSS. Just not an error. On my actual page, ignoring the @page would be fine.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.