Basekit is a "frontend toolkit" of sorts used by the developers at FortyTwo Studio. It has come about over many years to suit the way we work and aims to speed up development time.
Currently Basekit has a unique layout model based on flex box and the data-bk-layout
attribute. Check https://github.com/philipwalton/flexbugs if you run into problems.
Basekit uses Git Submodules. Remember to run $ git submodule init
and $ git submodule update
once you've pulled down this repo to make sure the submodules are also included and up to date.
Basekit should go above the public web directory alongside other non-public files, it will compile CSS to the public assets directory but as of a recent update it does not compile JS.
Using Yarn to install and manage packages.
Install gulp-cli globally first then run $ yarn
within your project root directory, this will install all the relevant packages.
Run $ gulp
from this directory to start compiling Sass to CSS.
Basekit includes very rough support for compiling the Sass/CSS via NPM scripts, take a look in the package.json. It's currently needing some work but faster than Gulp.