bedrock icon indicating copy to clipboard operation
bedrock copied to clipboard

Document project colors in JSON

Open Wolfr opened this issue 8 years ago • 1 comments

I want to propose a change to make Bedrock easier for newcomers.

  • Document project colors in JSON
  • Render them out to SCSS using a gulp task (the filename would remain in Bedrock config, but it will now become the path where the file would be rendered to)
  • The rendering would be based on a template

This is good because

  • It allows you to document regardless of current SCSS structure, so a designer could help on this without writing SCSS
  • It removes 1 thing from the default SCSS, my goal is to not have default SCSS at all
  • It can make the SCSS file conform to the project's commenting style, currently we are basing ourselves on a certain commenting style that might be different in other projects
  • BONUS It makes the colors accessible from Javascript, so one could for instance reference things back to a design app like Sketch using a library like https://github.com/airbnb/react-sketchapp

Wolfr avatar Jan 24 '18 17:01 Wolfr

Design tokens avant la lettre. The diff here is definitely interesting.

https://github.com/usebedrock/bedrock/pull/206/commits/c8845aa2fe2db6f816c3f52de1cf12618855bfaa

Wolfr avatar Jul 19 '21 16:07 Wolfr