giuseppeg / giuseppeg/styled-jsx-plugin-sass

Invalid processing of the CSS shorthands

Open
#17 1 comment 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
121
Forks
24
PR merge metrics
No merged PRs in 30d

Description

Currently using this plugin this stylesheet:
```
p {
color: %%styled-jsx-placeholder-1%%;
padding: %%styled-jsx-placeholder-2%%px %%styled-jsx-placeholder-2%%px;
}
```

Transforms into this:
```
p {
color: %%styled-jsx-placeholder-1%%;
padding: px %%styled-jsx-placeholder-2%%px;
}
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue by running the stylesheet shown in the report through the styled-jsx Sass plugin and compare the generated CSS with the expected shorthand. Confirm that both placeholder occurrences and their px units are preserved; the issue is done when the padding declaration remains valid after processing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, sass
Domain
frontend, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.