Fabric CSS
This is the core package for Fabric CSS, FINNs design system.
The package includes resets, core components and Tailwind utility classes tuned
for FINN.
Usage (preferred)
The CSS should be used directly from Eik. This is because we can alias releases by major versions.
<link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
Usage (npm)
npm install @fabric-ds/css
Development
Install dependencies:
npm install
Start a dev server:
npm run dev
Changes to to either the CSS, Tailwind configuration or the HTML files should hot reload.
Releases
This project uses
Semantic Release to
automate package publishing when making changes to the main
or next
branch.
It is recommended to branch off the next
branch and follow
conventional commits
when making changes. When your changes are ready for pull request, this should
be opened against the next
branch.
Read more in-depth about Fabric Releases here.
Please note that the version published will depend on your commit message
structure. We use commitizen to help
follow this structure:
npm install -g commitizen
When installed, you should be able to type cz
or git cz
in your terminal to
commit your changes (replacing git commit
).