Common assets (theme, fonts, JavaScript modules) for YTP Drupal and CKAN instances.
Install node.js (version 0.8 or higher) and other tools
PPA is only required if node.js version is lower than 0.8
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
Install gulp:
sudo npm install -g gulp
Install dependencies with npm (might require sudo):
npm install -d
Build assets with gulp:
gulp
Check out resources
folder for results.
resources
directory is deleted in the build process and generated from src
dir. Fonts, images, templates and vendor directories are pretty much copies from src.
styles
directory contains main.css compiled from less-files.
static
contains copies from static_pages with css and images inlined during build.
less
directory contain all less-files used in project. It also contains upstream bootstrap and ckan sources. To modify css of YTP drupal or YTP ckan, less-files in the root of less directory are modified. It is presumed that upstream files are unmodified and can be upgraded at will at anytime.
upstream_boostrap/bootstrap.less imports YTP varibles.less to modify bootstrap variables before bootstrap building, similar to what Boostrap customize does.
upstream_ckan
contains ytp_ckan_bootstrap.less and ytp_main.less which are used to build ckan css.