CyCraft / CyCraft/planetar

SASS color file parser (4h)

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.