Fhi.Frontend.Style

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

Dependencies

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

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="https://github.com/folkehelseinstituttet/Fhi.Frontend.Style/blob/main/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.