@nycopportunity/pattern-elements

1.0.17 • Public • Published

Pattern Elements (WIP)

Shared elements for the NYC Opportunity UI Patterns Framework. Currently a work–in-progress. Refer to architecture diagram for roadmap and planning. This repository works with the Patterns Typography module, however, typography can be swapped out depending on the project needs.

Installation

This assumes you have scaffolded a Patterns CLI project ("Quick start a new project").

npm install @nycopportunity/pattern-elements @nycopportunity/pattern-typography

Add the module include paths to the array configuration in the config/sass.js file.

/**
 * Config
 *
 * @type {Object}
 */
const sass = {
  sourceMapEmbed: true,
  includePaths: [
    `${process.env.PWD}/src/`,
    `${process.env.PWD}/node_modules/`,
    `${process.env.PWD}/node_modules/@nycopportunity/pattern-elements/src/`,  // +
    `${process.env.PWD}/node_modules/@nycopportunity/pattern-typography/src/` // +
  ]
};

Add the module Sass import directives in in the src/scss/_imports.scss file.

/** Elements */
@forward '@nycopportunity/pattern-typography/src/scss/imports'; // This module includes @font-face and needs to be imported before all other declarations.
@forward '@nycopportunity/pattern-elements/src/scss/imports';
/** Elements - end */

Dependents (1)

Package Sidebar

Install

npm i @nycopportunity/pattern-elements

Weekly Downloads

0

Version

1.0.17

License

none

Unpacked Size

255 kB

Total Files

210

Last publish

Collaborators

  • pashuntiy
  • kinjal_patel
  • sourabhc-nyco
  • products_nycopportunity
  • devowhippit