@holidayextras/brand-globals

Globals Brand Styling

Globals is a simple 'filling' library that allows us to share styling across brands and fill any gaps left by bootstrap. It is a dependency for all our brands.

Example Brand

We've coined the phrase 'Daisy chaining' to describe how our theme styles leverage dependencies. e.g. If you @import brand-example, 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-example/src/less/theme.less';

Advanced import

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

//
// Example cherry picking file
// --------------------------------------------------

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

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

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

// Components
@import '../node_modules/@holidayextras/brand-example/src/less/component-animations';
// @import '../node_modules/@holidayextras/brand-example/src/less/dropdowns';
// @import '../node_modules/@holidayextras/brand-example/src/less/button-groups';
@import '../node_modules/@holidayextras/brand-example/src/less/input-groups';
@import '../node_modules/@holidayextras/brand-example/src/less/navs';
@import '../node_modules/@holidayextras/brand-example/src/less/navbar';
@import '../node_modules/@holidayextras/brand-example/src/less/breadcrumbs';
// @import '../node_modules/@holidayextras/brand-example/src/less/pagination';
// @import '../node_modules/@holidayextras/brand-example/src/less/pager';

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

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

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