Styles

Contents

• Requirements
• Getting started
• What's included
• Customisation

Requirements

This project uses NPM 5 for node dependencies. NPM 5 depends on Node JS v4 and above.

Getting started

$ npm install git+ssh://git@github.com/inlight-media/inlight-styles.git

Then include all.scss in your stylesheets.

@import '~inlight-styles/scss/all';

What's included

• Bootstrap Reboot which builds on Normalize. This ensures cross browser consistency and provides an elegant baseline to build upon.
• The Bootstrap 4 grid system. Documentation can be found here.
• The Bootstrap 4 breakpoint mixins e.g. media-breakpoint-up() and media-breakpoint-down(). Documentation can be found here.
• Some Bootstrap 4 display utilities to control how elements should be displayed at each breakpoint. Documentation can be found here.

Customisation

Bootstrap 4 provides plenty of opportunities to override its defaults. Example customisations can be found in the examples directory.

When including Inlight Styles in your project, remember to insert/include any of your customisations before including scss/all.scss. For example:

$grid-columns: 12;
@import '~inlight-styles/scss/all';