- SCSS - Styling
- Gulp - building assets
- BrowserSync - Live reload as you develop
- NPM - package managment
- @include-media - Responsive breakpoints
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 |
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:
- Install gulp globally with
npm install -g gulp
- 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 directorygulp 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.