Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More

@holidayextras/brand-globals

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@holidayextras/brand-globals

Globals


Version published
Weekly downloads
1.3K
increased by270.55%
Maintainers
3
Weekly downloads
 
Created

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';

FAQs

Package last updated on 10 Mar 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts