This project contains Digipolis' digital styling and styling guidelines. It is the starting point to style your app or website for Digipolis.
In its simplest form you can just include the following line in the <head> section of your app.
<link rel="stylesheet" href="https://cdn.antwerpen.be/digipolis_branding_scss/5.0.0/main.min.css">
You can even import it directly in your (S)CSS:
@import url("https://cdn.antwerpen.be/digipolis_branding_scss/5.0.0/main.min.css");
We adopt semantic versioning. If you want to use another version of the Digipolis Branding you can do so by adjusting the version in the URL address. See the changelog for all available versions.
You can also install everything with npm:
npm install @a-ui/digipolis --save
Then, you can import everything in your Sass setup (main.min.css also available):
@import '@a-ui/digipolis/dist/main.css';
In order to extend our style kit you can make use of our Sass variables. Import them like this:
@import '@a-ui/digipolis/dist/assets/styles/_quarks.scss';
In order to run this project and see all available components, you'll need to have NodeJS and Gulp installed.
Go to the root of this project and run the following command in your command line:
npm install
Run the following command in your command line:
gulp server
Run the following command in your command line:
gulp build
To apply your own style to the kit, import it into your project and use the accompanied .scss files. You will be able to overwrite our variables (for colors, spacing, etc.) with your own.
Look for the
_quarks.colors.scssand_quarks.variables.scssfiles to see all variables you can overwrite.
// For now, contact us via info@digipolis.be.
We use SemVer for versioning. For the versions available, see the tags on this repository.
- Jasper Van Proeyen - Initial work, lead developer
See also the list of contributors who participated in this project.
This project is licensed under a modified version of the MIT license. See the LICENSE.md file for details.