diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index aea315c9c..50d06dc35 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -29,11 +29,23 @@ ## Standards & Conventions -1. Use a SCSS compiler. For VSCode I recommend `Easy Sass` or `Live Sass Compiler` extension. - ===For Easy Sass=== - -Navigate to the public > css folder and select style.css - -Press command + shift + p - -Use the "Compile all SCSS/SASS files in the project" option +1. Use a SCSS compiler, and make sure that a `style.mis.css` file is generated in the same directory as the `style.scss`. For VSCode I recommend `Easy Sass` extension by Wojciech Sura. After installing it, to configure it: + + - Navigate to the VSCode settings, `Extensions` section and find `Easy Sass configuration` + - Under the `Formats` group click `edit in settings.json` + - Make sure this the code looks like this: + ```json + "easysass.formats": [ + { + "format": "compressed", + "extension": ".min.css" + } + ], + ``` + *This will make sure that only a minified file is generated.* + + -Finally, using the command palete (`ctrl/cmd + shift + p`), use the `Compile all SCSS/SASS files in the project` option. You only need to do this once. After this the files will be compiled on save. + 2. Install [Prettier](https://prettier.io/docs/en/install.html). Its a code formatter, and it will make sure that we avoid any whitespace or formatting issues when merging code. ## Questions