diegomura / diegomura/react-pdf

Add `calc` support on styles

Open
#610 0 comments 7 reactions 0 assignees View on GitHub
new feature
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
5h 6m
Merged PRs (30d)
52

Description

```js
const resolve = (styles, container) => {
if (!styles) return null;

styles = flatten(styles);
styles = resolveMediaQueries(styles, container);
styles = resolveUnits(styles, container); // border: 'calc(1mm + 10in) solid red' => border: 'calc(10 + 10) solid red'
styles = resolveCalc(styles); // border: 'calc(10 + 10) solid red' => bolder: '20 solid red'
styles = transformStyles(styles, container); // borderWidth: 20; borderStyle: solid; borderColor: red;

return styles; // 5 or '5%'
};
```

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.