The global patterns seen on NYC.gov/opportunity utilize a partial integration of Bootstrap 2.3.2. This library extends the NYC.gov Style Guide with custom modules and the Tailwind CSS Utility framework. See the NYC Digital Blueprint's documentation of The City's Style Guide for more details and resources.

By default, NYC.gov stylesheets are disabled in this documentation. To see what these patterns look like with the NYC.gov stylesheets, click "NYC.gov Styles" in the main navigation.

The patterns in this repository are organized as Elements, Components (coming soon), and Objects for styling pages with the NYC Opportunity brand. The can be dropped into any web page on linking to the global stylesheet url in the head of an html page;

<link href="https://cdn.jsdelivr.net/gh/CityOfNewYork/nyco-patterns@v1.7.0/dist/styles/nyco-patterns-default.css">

This distribution includes a custom build of the Tailwind Utility CSS Framework. Refer to Tailwind CSS docs for full details on utilizing the CSS uitilites to build different types of UIs.