mirror of
git://develop.git.wordpress.org/
synced 2025-01-29 18:48:18 +01:00
Twenty Nineteen: Includes a contributing text file with Sass compiler instructions.
This adds in a useful file to know how to compiled this theme. As there was previously a contributing file with instruction on this in the GitHub repo that was not brought into svn, this fixes that. Props kjeller, nielslange, sabernahardt. Fixes #46108. git-svn-id: https://develop.svn.wordpress.org/trunk@58451 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
33f443597f
commit
903b2ec0f4
19
src/wp-content/themes/twentynineteen/contributing.txt
Normal file
19
src/wp-content/themes/twentynineteen/contributing.txt
Normal file
@ -0,0 +1,19 @@
|
||||
=== Contributing to Twenty Nineteen ===
|
||||
|
||||
= Compiling SCSS =
|
||||
|
||||
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.
|
||||
|
||||
Installation instructions
|
||||
|
||||
1. Using a command line interface, go to the “twentynineteen” directory `cd /my-computer/local-wordpress-install/src/wp-content/themes/twentynineteen`.
|
||||
|
||||
2. Type `npm install` into the command line, and press the [return] key, to install all Node.js dependencies.
|
||||
|
||||
3. The dependencies may take a few minutes to download but once it completes, you’re done.
|
||||
|
||||
Usage instructions
|
||||
|
||||
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. You may need to run the build command twice to update style-rtl.css (because the RTL process might update from style.css before that is updated from Sass file changes).
|
||||
|
||||
2. You can also “watch” the theme directory for Sass changes and rebuild the CSS anytime a change occurs by running: `npm run watch`.
|
Loading…
x
Reference in New Issue
Block a user