Colours for the WFP design system
The UI Kit uses the BEM naming convention for scss/css.
The Components are built to be included individually and not clobber global
styles - all class attributes are prefixed by the wfp-- prefix.
The names of the variables functions, etc. should be in English for easy maintenance. Some servers may have difficulty handling Unicode characters. The general rule is to never use Unicode characters in the name of your web pages.
Use ES-Lint which is a linting utility for JavaScript and JSX while building your React Application to analyse source code to flag programming errors, bugs, stylistic errors and suspicious constructs.
If you want to use the ESLint configuration in a project you can install it
with the eslint-config-react-app. It also includes the eslint-plugin-jsx-a11y accessibility rules by default. When
using Create React App no action is needed since it already includes the configuration.