Components
There are three main components to BF:
- CORE - Primary CSS and javascript libraries
- BELL - Extension Library (optional)
- Boilerplates - Starting point templates
Structure
The file structure looks like this:
Loading BF
You'll need to load following CSS file:
- /core/css/brutalist.min.css - OR - /core/css/dev/core.css
The brutalist.min.css file is a minified CSS file that contains all core components found in /core/css/dev directory.
As of version 2.4 and up, you will need the following javascript files:
- /core/js/jab.js
- /core/js/jquery.3.js
- /core/js/brutalist.js
- /core/js/start.brutalizing.js
The brutalist.js javascript file contains all functionality that is dependent on jQuery. Some variables can be customized in the start.brutalizing.js initialization script.
The jab.js file is for all pure vanilla javascript functions. JAB (javascript application base) contains functions that are NOT dependent on jQuery.
If you are using jQuery, BF includes all 3 versions of jQuery in the /core/js directory:
- /core/js/jquery.1.js
- /core/js/jquery.2.js
- /core/js/jquery.3.js
It's advised to use jQuery 3, as versions 1 and 2 are no longer supported. Certain core BF elements don't work with jQuery 1 and 2.