This site is no longer maintained

This is the documentation for version 0 of the design system and will no longer be updated. Please see the new Design System site on nice.org.uk for the most up-to-date documentation.

Alpha NICE Design System is in development. This means it is not feature complete and there may be issues. Find any? Please, let us know!

We use SASS as our CSS pre-processor as it’s mature, got a great feature set and libsass is super quick.

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

SASS Installation

How to install the NICE Design System SASS

SASS code standards

SASS code standards, naming conventions etc

SASS documentation

Auto-generated SASS documentation from our SASSDoc comments

Libraries

The third party libraries we use within our SASS

Edit on GitHub