Install with NPM

Install and manage the DDS as an NPM package

NPM Dependency

The following instructions assume that you area already using NPM in your project. If you are not, you can visit the NPM website to learn more about getting started with Node and NPM.

Installing via NPM

The project is accessible through the University Gitlab account. For more information please contact the Digital team in the Division of Marketing and Communications.

Once you have access to Gitlab, you can install using the following command:

npm install git+https://npm-install:3sA_EZq7E4Gr6fNxjuif@gitlab.digitalservices.syr.edu/web-development/design-system-sass.git

Once it installs, you should see a node_modules folder in your project. You then should be able to link to the design system by importing the design system sass before all your other scss files.

@import "~design-system-sass/scss/main.scss";

Note:

These instructions make the assumption that you are also using a sass compiler to compile your scss files.