Fhi.Frontend.Style

CSS styling used by Folkehelseinstituttet, based on Bootstrap frontend framework.

Dependencies

Fhi.Frontend.Style	Bootstrap	Node/NPM
6.x.x	5.3.2	18/9*
5.9.x	5.3.2	18/9*
5.x.x	5.2.x	16/8*
4.x.x	5	16/8*
3.x.x	5	16/8*

* designsystem.fhi.no uses these Node/NPM versions, older versions may work, but then you're on your own 😉

Changelog

You find the changelog here

Get started

Install

Install with npm: npm install @folkehelseinstituttet/style

Use in project

If you want the full style library

@import "@folkehelseinstituttet/style/import/all.scss";

If you only need the variables for use in ex. a library

@import "@folkehelseinstituttet/style/import/all-variables.scss";

If you want to use CSS instead of SCSS

1. Run npm pack
2. Copy the generated folder ./css to the folder containing index.html (if the script wasn't executed in the same folder)
3. Add the line <link rel="stylesheet" type="text/css" href="css/styles.min.css" /> to your index.html

Contribute

Read about how to contribute here

Demo and documentation

Live examples in our demo app: https://designsystem.fhi.no Repo for demo app: Fhi.Frontend.Demo

Info about fonts

Only SourceSansPro and CrimsonText are distributed with this package. BrandonText are proprietary, and must be imported in projects where it's a design requirement.