@dsivd/foehn

Fœhn

Fœhn (føn) is the design system build for the website of the State of Vaud.

Take a look at the documentation.

Fractal and Bootstrap 4 is used to build fœhn.

Changelog

Upgrading? Please read our CHANGELOG to learn what changes to expect in the latest version, whether that's new features, bug fixes, changes, or whatever else.

Run locally

You will need Git, Node.js and yarn to get this project running.

Fork repository (optional)

If you are an external contributor make sur to fork this project first

Clone repository

$ git clone [path/of/the/repo/]foehn.git
$ cd foehn

Install dependencies

$ yarn

Start a local server

This will build sources, serve pages and watch for changes.

$ yarn start

Build

Build ./src to ./dist

$ yarn build

Test accessibilit

To test basic accessibility issues using Pa11y.

$ yarn test-a11y

Deploy the styleguide

We deploy the styleguide to a gh-pages branch on Github. To do this, use the following command to build and then deploy the code:

$ yarn run deploy

The frontend can be viewed at this url: .

New version

1. Make sure, the CHANGELOG.md is up to date. If not, update it and commit the changes.
2. Run the $ yarn version command to create a new version of the package. (It also create the tag.)

$ yarn version

Publish on the npm registry

The following command will build the code and publish the latest version on the registry you have set in your NPM config.

$ yarn publish-version

If you need to publish a specific version, use $ npm run build && npm publish --tag <tag> to build the code and publish a specific tag.

Publish on Nexus (for internal use)

Make sure you have set Nexus as your registry.

Changelog

[1.0.3] - 2018-11-28

Fix

• Fix src/assets/svg/ETATVAUD-alt.svg viewbox to be inlined in IE11
• Fix button padding in @search-form--default