{"repo":"18F/identity-design-system","free":true,"listed":false,"github":"https://github.com/18F/identity-design-system","clone":"git clone https://github.com/18F/identity-design-system.git","description":"An extension of the U.S. Web Design System used on Login.gov sites to consistently identify the Login.gov brand.","language":"SCSS","stars":32,"topics":["login-gov","design-system","gov"],"license":"CC0-1.0","category":"ui-components","readme_excerpt":"Login.gov Design System The Login.gov Design System is an extension of the U.S. Web Design System used on Login.gov sites to consistently identify the Login.gov brand. This documentation describes how to use the Login.gov Design System in a new project. Read CONTRIBUTING.md to learn more about contributing to the design system itself. Installation Node.js is required to use the Login.gov Design System. You should install this first if it's not already available. Next, install the package using NPM from your project's directory: Usage As an extension of the U.S. Web Design System (USWDS), the Getting started for developers guide can be a useful resource. The Login.gov Design System aims to be a drop-in replacement for the USWDS, so that all of its documentation would apply for the Login.gov Design System. The only change you're required to make is to update any references of @uswds/uswds with @18f/identity-design-system . Styles The Login.gov Design System uses Sass to generate stylesheets. While you can use any Sass compilation process, we recommend @18f/identity-build-sass , since it supports any environment where Node.js is already available, and it comes prebundled with default behaviors which are well-suited for the design system. Here's an example stylesheet that imports the design system: The only requirements for Sass compilation are: - Your Sass load paths must include node modules/@18f/identity-design-system/packages - You must be using the Dart Sass implementation o","default_branch":null,"files":null,"tree":[],"storefront":"/r/18F","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/18F/identity-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}