⚠️️ NOTE VERSION 6
Version 6 is in a far progressed alpha stage. Keep in mind minor breaking changes can occur in future alpha updates. Check the Github page mentioned below for updates until the first stable version 6.
A few style elements have not yet been adapted to the new v6 style.
Please contact us by email.
This City of Ghent Style Guide aims to be technology independent. This means you should be able to use it inside your project with any technology you want. It utilizes SASS to style its components, so you will have to use that in your project.
Example implementations in open source projects are:
Have a look at other projects using the City of Ghent Style Guide on github.
npm init or
yarn init to create a
(if you already have a package.json file proceed to step 2).
npm install gent_styleguide or
yarn add gent_styleguide.
Now you can import the
$styleguide-dir variable and run your own gulp
command to compile the SASS into a working CSS file.
$styleguide-dir: '../../../node_modules/gent_styleguide/build/styleguide' !default;
You can find the SASS docs here.
# Install dependencies
# Compile all components.
# This might take a while.
npm run build
# Start the fractal site at localhost:3000
# and watch for changes.
npm run start