SASS color file parser (4h)
- Dominant language
- Vue
- Stars
- 5
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
based on a list of colors, generate the colors page.
Define how to write the sass file for colors and make sure the following things are included & extractable in a json
- `name`
(automatically show the `.c-`, `.bg-` classes)
(automatically show the `$c-` variable name)
- `value`
- `description`
- `subcolorOf`
(this makes sure the color is shown as a subcolor of another color, grouped together)
- `examplesSchema`
(this is an array with the EasyForms schema to show some examples on the right)
(can be inline or can be a path pointing towards a json or js file that should export the schema array as default export)
Ways of tackling this:
- https://github.com/TheRealSyler/sass-lsp-server/issues/3
- or use `raw-loader` and write manual REGEX to get the job done lol
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the existing colors page and how SASS assets are currently loaded. Compare the sass-lsp-server approach with raw-loader and manual parsing; done means a SASS color definition can expose name, value, description, grouping, and examples as JSON and render the requested classes, variables, and examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, sass
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100