artsy-elan

Élan

Usage no npm install needed!

<script type="module">
  import artsyElan from 'https://cdn.skypack.dev/artsy-elan';
</script>

README

É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