giuseppeg / giuseppeg/styled-jsx-plugin-sass

Using padding: ${'.3rem'} 0; not work

Open
#32 1 comment 5 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.