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 |