theaa Brand

We've coined the phrase 'Daisy chaining' to describe how our theme styles leverage dependencies. e.g. If you @import brand-theaa, it will @import brand-globals, which in turn will @import bootstrap.

Basic import

You can run a theme in your app by simply including theme.less, which will bring in everything by default.

@import '../node_modules/@holidayextras/brand-theaa/src/less/theme.less';

Advanced import

However, for more control and visibility, we recommend that you @import just the less files that you need.

//
// theaa Theme cherry picking file
// --------------------------------------------------

// Core variables and mixins
@import '../node_modules/@holidayextras/brand-theaa/src/less/variables';
@import '../node_modules/@holidayextras/brand-theaa/src/less/mixins';

// Reset and dependencies
@import '../node_modules/@holidayextras/brand-theaa/src/less/normalize';
@import '../node_modules/@holidayextras/brand-theaa/src/less/print';

// Core CSS
@import '../node_modules/@holidayextras/brand-theaa/src/less/scaffolding';
@import '../node_modules/@holidayextras/brand-theaa/src/less/type';
@import '../node_modules/@holidayextras/brand-theaa/src/less/code';
@import '../node_modules/@holidayextras/brand-theaa/src/less/grid';
@import '../node_modules/@holidayextras/brand-theaa/src/less/tables';
@import '../node_modules/@holidayextras/brand-theaa/src/less/forms';
@import '../node_modules/@holidayextras/brand-theaa/src/less/buttons';

// Components
@import '../node_modules/@holidayextras/brand-theaa/src/less/component-animations';
@import '../node_modules/@holidayextras/brand-theaa/src/less/dropdowns';
@import '../node_modules/@holidayextras/brand-theaa/src/less/button-groups';
@import '../node_modules/@holidayextras/brand-theaa/src/less/input-groups';
@import '../node_modules/@holidayextras/brand-theaa/src/less/breadcrumbs';

@import '../node_modules/@holidayextras/brand-theaa/src/less/labels';
@import '../node_modules/@holidayextras/brand-theaa/src/less/badges';
@import '../node_modules/@holidayextras/brand-theaa/src/less/thumbnails';
@import '../node_modules/@holidayextras/brand-theaa/src/less/alerts';
@import '../node_modules/@holidayextras/brand-theaa/src/less/progress-bars';
@import '../node_modules/@holidayextras/brand-theaa/src/less/media';
@import '../node_modules/@holidayextras/brand-theaa/src/less/list-group';
@import '../node_modules/@holidayextras/brand-theaa/src/less/panels';
@import '../node_modules/@holidayextras/brand-theaa/src/less/responsive-embed';
@import '../node_modules/@holidayextras/brand-theaa/src/less/wells';
@import '../node_modules/@holidayextras/brand-theaa/src/less/close';
@import '../node_modules/@holidayextras/brand-theaa/src/less/pickadate';

// Components w/ JavaScript
@import '../node_modules/@holidayextras/brand-theaa/src/less/modals';
@import '../node_modules/@holidayextras/brand-theaa/src/less/tooltip';
@import '../node_modules/@holidayextras/brand-theaa/src/less/popovers';
@import '../node_modules/@holidayextras/brand-theaa/src/less/carousel';

// Utility classes
@import '../node_modules/@holidayextras/brand-theaa/src/less/utilities';
@import '../node_modules/@holidayextras/brand-theaa/src/less/responsive-utilities';


//
// Globals
// --------------------------------------------------

// Colours / Colors
@import '../node_modules/@holidayextras/brand-theaa/src/less/colours';

// Core CSS
@import '../node_modules/@holidayextras/brand-theaa/src/less/blocks';
@import '../node_modules/@holidayextras/brand-theaa/src/less/backgrounds';
@import '../node_modules/@holidayextras/brand-theaa/src/less/lists';

// Components
@import '../node_modules/@holidayextras/brand-theaa/src/less/lists';
@import '../node_modules/@holidayextras/brand-theaa/src/less/footer';
@import '../node_modules/@holidayextras/brand-theaa/src/less/pickadate';
@import '../node_modules/@holidayextras/brand-chessington/src/less/progress-trackers';
@import '../node_modules/@holidayextras/brand-theaa/src/less/product-list';

// Components w/ JavaScript
@import '../node_modules/@holidayextras/brand-theaa/src/less/sliders';