node package manager
Stop wasting time. Easily manage code sharing in your team. Create a free org »

artsy-elan

Élan

UI library and style guide

artsy-elan-production.herokuapp.com


Installation

npm install artsy-elan --save

Include:

 
// Common
@import '../../node_modules/artsy-elan/components/lib'
 
// Components
@import '../../node_modules/artsy-elan/assets/stylesheets/components'
 

Development server

foreman start -f Procfile.dev
 
=> Local: http://localhost:3010
=> External: http://x.x.x.x:3010

Asset changes are streamed to the browser (stylesheets) or auto-reloaded (javascript/templates) on save


Hosted production assets

GET /production/manifest.json
 
=> {
  images/favicon.ico: "//s3.amazonaws.com/artsy-elan-production/images/favicon.xxx.ico.gz",
  stylesheets/components.css: "//s3.amazonaws.com/artsy-elan-production/stylesheets/components.xxx.css.gz"
  [...]
}
 

TODO

  • NPM publish
  • Lotta re-organization
  • Icons / SVG embedding