Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SASS color file parser (4h) #1

Open
mesqueeb opened this issue May 1, 2020 · 1 comment
Open

SASS color file parser (4h) #1

mesqueeb opened this issue May 1, 2020 · 1 comment

Comments

@mesqueeb
Copy link
Member

mesqueeb commented May 1, 2020

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:

@mesqueeb
Copy link
Member Author

mesqueeb commented May 1, 2020

example file

/**
 * There is no pure black in this interface, instead there is the awesomeness that is Blue-Zodiac.
 * Use blue-zodiac instead of black, and use it’s opacity variants for text and icon colors.
 */
$c-blue-zodiac: #0E2348
$c-primary: rgba($c-blue-zodiac, 0.96)
$c-secondary: rgba($c-blue-zodiac, 0.72)
$c-hint: rgba($c-blue-zodiac, 0.56)
$c-disabled: rgba($c-blue-zodiac, 0.28)

@mesqueeb mesqueeb changed the title SASS color file parser SASS color file parser (4h) Sep 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant