A basic SilverStripe bolilerplate theme, running on Bootstrap. Uses less as the css preprocessor. Uses bower to bring in external libraries, and also contains a collection of internal libraries (see less/lib folder). Pick and choose what you want on a per-project basis.
Install via composer:
composer require burnbright/silverstripe-bootstrapFrom within the theme directory, in terminal:
- Run
npm installto install grunt and associated requirements. - Run
bower installto get all bower packages.
Source maps can be used, as can chrome workspaces.
From within the theme directory, in terminal:
- Run
grunt/gulpto start the default watch task. grunt copy/gulp copywill copy fonts to the right directories.
There are a few approaches you could take to customising this theme:
- Fork the repo, and make changes. Update composer to point to your fork, or include as a submodule. This keeps the theme code
- Drop the theme .git folder, and commit the entire theme to your project.
- Implement changes inside a
bootstrap_mysitetheme. This approach allows you to later on update the base bootstrap theme seperately. This "subtheme" folder will be fairly light weight, and can be committed to the site repo.- Make sure you update your js/css requirements in your own templates/Page.ss to reference the mysite module.
Bootstrap 3 somewhat supports IE8 out of the box.
If you are using jQuery, make sure your bower is setup to use jQuery a version < 2. You can either include Respond.js to polyfill media query breakpoints, or you can extract the css of a specific breakpoint and include it using IE conditional tags.
http://css2less.cc/ is useful for quickly converting CSS to less. You can also install it as a command-line tool: https://github.com/thomaspierson/libcss2less
This theme draws some inspiration from DNA's FrontEnd Boilerplate