giuseppeg / giuseppeg/styled-jsx-plugin-sass
Using padding: ${'.3rem'} 0; not work
- Dominant language
- JavaScript
- Stars
- 121
- Forks
- 24
- PR merge metrics
- No merged PRs in 30d
Description
Bug report;
#### What is the current behavior?
``` css
.inner {
padding: ${'.3rem'} 0; // not work
//padding: ${`${px2rem(30)} 0`}; //good
}
```
#### What is the expected behavior?
#### Environment (include versions)
* OS: mac os mojave
* Browser: chrome
* styled-jsx (version): 3.2
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the reported styled-jsx-plugin-sass case using the shown `.inner` rule and compare the literal `${'.3rem'}` value with the `px2rem` interpolation. Trace how Sass and styled-jsx process each form, then verify that the padding declaration compiles and behaves as expected in Chrome.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, sass, scss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100