Guest User

Untitled

a guest
Nov 16th, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.69 KB | None | 0 0
  1. // options.json
  2. {
  3. aliases: {
  4. N10: '#111',
  5. N20: '#222',
  6. ... // lots more colours
  7. }
  8. }
  9.  
  10. // decisions.json
  11. // I realise the following doesn't work,
  12. // I'm trying to figure out how it could work.
  13. {
  14. props: {
  15. neutral: {
  16. backgroundColor: {
  17. // all the interaction states
  18. resting: 'N20A',
  19. hover: 'N30A',
  20. active: 'B75A',
  21. disabled: 'N20A',
  22. selected: 'N700',
  23. },
  24. boxShadowColor: {
  25. focus: 'B200A',
  26. },
  27. textColor: {
  28. ... // all the states and colour values
  29. },
  30. },
  31. critical: {
  32. // same as above with different colours
  33. },
  34. warning: {...}
  35. success: {...}
  36. ... // etc
  37. }
  38. }
Add Comment
Please, Sign In to add comment