Beaver Builder Child for developers

Includes:

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

Requirements

Prerequisite	How to check	How to install
Node.js 0.12.x	node -v	nodejs.org
gulp >= 3.8.10	gulp -v	npm install -g gulp

Getting Started

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

Theme development

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

Install gulp

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.

Available gulp commands

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

Manage assets

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.