Update example app to use CSS instead of SCSS Variables
Open
Beginner friendly
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Description
Following the migration to design tokens, Paragon components have moved entirely from SCSS variables to CSS variables. The example app in version 23, however, still contains configurations that rely on SCSS-based variables.
It would be great to update these configurations and fix the styling issues in the example app.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with example/src/index.scss and example/module.config.js, comparing their current configuration with the design-token migration described in the issue. Update the example app so these configurations no longer rely on SCSS variables, then verify that the reported styling issues are resolved in the example app.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, scss
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100