removed the live sass compiler suggestion entirely

fixed up some formatting
This commit is contained in:
Jack 2020-10-04 12:29:12 +01:00
parent 8e91ba64bb
commit 212df5b77a

View file

@ -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