• SCSS - Styling
• Gulp - building assets
• BrowserSync - Live reload as you develop
• NPM - package managment
• @include-media - Responsive breakpoints

Clone the repo git clone https://github.com/stephengreer08/bb-theme-child theme-name

Beaver Builder Child Theme uses gulp as its build system and NPM to manage front-end packages.

Building the theme requires node.js. We recommend you update to the latest version of npm: npm install -g npm@latest.

From the command line:

1. Install gulp globally with npm install -g gulp
2. Navigate to the theme directory, then run npm install

You now have all the necessary dependencies to run the build process.

• gulp — Compile and optimize the files in your assets directory
• gulp watch — Compile assets when file changes are made

Assets are managed in assets/manifest.json. Add your scss and js assets to be passed to Gulp. Please note, multiple can be added. This is where you would include any assets from your node_modules directory pulled in using NPM.

This is also where you can add your local url for BrowserSync.

Any fonts that are added to the assets/fonts directory will be bundled into the dist directory.