Getting started

This UI reference guide covers how to get started using the Novia Financial style guide, the dependencies and third party frameworks and how to use web components with the provided stylesheet.

Installing

To include the Novia stylesheet in your own project and get started quickly include the following following CDN address provided by Novia

<link rel="stylesheet" type="text/css" href="https://cdn.novia-financial.co.uk/css/screen.min.css" />

Bootstrap

The Novia style guide uses the Bootstrap framework (v3.3) for responsive design and compatibility. To find out more about the Bootstrap framework visit the Bootstrap documentation page: https://getbootstrap.com/docs/3.3/

Browser support

The following shows the browser support for the Novia style guide. Specifically this stylesheet supports IE 9 and above, and equivalent feature sets for the other major browsers.

Internet Explorer Edge Firefox Chrome Safari Opera
Oldest supported version 11 0.10 10 21 6 12
Latest supported version 11 41 56 55 11 48

Mobile compatibility

The Novia style guide supports the latest browser releases for the iOS and Android platforms. The style guide is espected to function on the Windows phone platform, however it has not been specifically tested.

Safari Firefox Chrome
Android N/A Supported Supported
iOS Supported Supported Supported