Read-only mirror of https://github.com/DSI-VD/foehn-design-system — Canton de Vaud. Issues & pull requests at the source.
  • HTML 76.7%
  • SCSS 18%
  • JavaScript 5.3%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Cédric Aellen da7f6ac320
2.0.1
2025-08-21 12:32:41 +02:00
src Fix asset paths for GitHub Pages deployment 2025-08-21 12:32:32 +02:00
.editorconfig basic fractal configuration 2020-10-30 14:27:32 +00:00
.gitignore [TASK] Update .gitignore 2023-09-05 08:48:14 +02:00
.prettierignore put public assets in src/ 2020-11-05 14:42:38 +00:00
CHANGELOG.md Fix asset paths for GitHub Pages deployment 2025-08-21 12:32:32 +02:00
fractal.config.js [FIX] Fix styles with prettier 2023-08-31 12:48:01 +02:00
package-lock.json 2.0.1 2025-08-21 12:32:41 +02:00
package.json 2.0.1 2025-08-21 12:32:41 +02:00
README.md Add comprehensive project documentation to README 2025-08-14 10:38:59 +02:00

Foehn Design System

One place for service teams to find styles, components and patterns for designing government services.

About

This documentation will replace the one you find in Foehn. Next major version of Foehn will not contain any documantion. It will help to gain some place in the repo.

Getting Started

Prerequisites

  • Node.js (recommended version 14 or higher)
  • npm

Installation

  1. Clone the repository:
git clone https://[url]/foehn-design-system.git
cd foehn-design-system
  1. Install dependencies:
npm install

Running the project

To start the development server:

npm start

This will:

  • Clean and prepare the build environment
  • Copy necessary assets (Fontawesome, Foehn, documentation assets)
  • Lint and format code
  • Compile Sass styles
  • Start Fractal with live reload
  • Watch for style changes

The development server will be available at the URL shown in your terminal.

Building for production

To build the project for production:

npm run build

This creates optimized files in the build/ directory.

Updating the project

To update dependencies and the project:

  1. Update npm packages:
npm update
  1. To update to a specific version of Foehn:
npm install @dsivd/foehn@latest
  1. Rebuild the project after updates:
npm run prebuild