UI Toolkit Theme for HEHA

A set of HEHA! specific less variables to overbrand Bootstrap and the UI-Toolkit, complete with any brand specific additions and overrides.

Using the theme in your application

Install Bootstrap, UI Toolkit & this theme

npm install --save bootstrap holidayextras/ui-toolkit holidayextras/ui-theme-heha

Import files into one application .less file & compile

@import 'path/to/node_modules/bootstrap/less/bootstrap.less';
@import 'path/to/node_modules/ui-toolkit/src/less/toolkit.less';
@import 'path/to/node_modules/ui-brand-heha/theme/theme.less';

// Project specific files
@import 'path/to/your/application.less'

Contributing to the theme

Requirements:

Node.js

Installation

git clone git@github.com:holidayextras/ui-brand-heha.git
cd ui-brand-heha
npm install

Workflow

To compile, watch and livereload the less and serve the example/ directory on http://localhost:3000, run the following

npm start

The above is broken down into the following commands:

Compile example/theme.less to example/theme.css

npm run example:less

Serve example/ on http://localhost:3000

npm run example:serve

Watch for changes in src/ and example/theme.less & recompile

npm run example:watch

Monitor files for changes and reload your web browser with livereload