| | 1 | === Contributing to Twenty Nineteen === |
| | 2 | |
| | 3 | = Compiling SCSS = |
| | 4 | |
| | 5 | Twenty Nineteen relies on Sass which allows us to more easily share code between multiple stylesheets (style.css, style-editor.css, etc.). To compile Sass files (.scss) use the built-in npm build tool. The build tool will make sure that your compiled CSS code stays in sync and has the correct formatting. |
| | 6 | |
| | 7 | Installation instructions |
| | 8 | |
| | 9 | 1. Using a command line interface, go to the “twentynineteen” directory `cd /my-computer/local-wordpress-install/src/wp-content/themes/twentynineteen`. |
| | 10 | |
| | 11 | 2. Type `npm install` into the command line and press [return], to install all Node.js dependencies. |
| | 12 | |
| | 13 | 3. The dependencies may take a few minutes to download but once it completes, you’re done. |
| | 14 | |
| | 15 | Usage instructions |
| | 16 | |
| | 17 | 1. After making a change to a .scss file, run `npm run build` from within the theme directory to build the CSS files with your new changes. |
| | 18 | |
| | 19 | 2. You can also “watch” the theme directory for Sass changes and rebuild the CSS anytime a change occurs by running: `npm run watch`. |
| | 20 | No newline at end of file |