@folkehelseinstituttet/style v6.5.0
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 :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
- Run
npm pack - Copy the generated folder
./cssto the folder containingindex.html(if the script wasn't executed in the same folder) - Add the line
<link rel="stylesheet" type="text/css" href="css/styles.min.css" />to yourindex.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.
9 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago